@ariakit/react-core 0.4.4 → 0.4.6

package/esm/combobox/combobox-item.d.ts

@@ -1,9 +1,9 @@
 import type { ElementType, MouseEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { CompositeHoverOptions } from "../composite/composite-hover.js";
-import type { CompositeItemOptions } from "../composite/composite-item.js";
-import type { Props } from "../utils/types.js";
-import type { ComboboxStore } from "./combobox-store.js";
+import type { CompositeHoverOptions } from "../composite/composite-hover.tsx";
+import type { CompositeItemOptions } from "../composite/composite-item.tsx";
+import type { Props } from "../utils/types.ts";
+import type { ComboboxStore } from "./combobox-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -16,7 +16,7 @@ type TagName = typeof TagName;
  * <Role {...props} />
  * ```
  */
-export declare const useComboboxItem: import("../utils/types.js").Hook<"div", ComboboxItemOptions<"div">>;
+export declare const useComboboxItem: import("../utils/types.ts").Hook<"div", ComboboxItemOptions<"div">>;
 /**
  * Renders a combobox item inside
  * [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
@@ -93,6 +93,20 @@ export interface ComboboxItemOptions<T extends ElementType = TagName> extends Co
      * - [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)
      */
     hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Whether to set the combobox
+     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
+     * using this item's
+     * [`value`](https://ariakit.org/reference/combobox-item#value) when the item
+     * is clicked. The default is `true`, unless the combobox is
+     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
+     *
+     * Live examples:
+     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     */
+    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * Whether to set the
      * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
@@ -108,19 +122,15 @@ export interface ComboboxItemOptions<T extends ElementType = TagName> extends Co
      */
     selectValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
-     * Whether to set the combobox
-     * [`value`](https://ariakit.org/reference/combobox-provider#value) state
-     * using this item's
-     * [`value`](https://ariakit.org/reference/combobox-item#value) when the item
-     * is clicked. The default is `true`, unless the combobox is
-     * [multi-selectable](https://ariakit.org/examples/combobox-multiple).
-     *
-     * Live examples:
-     * - [Menu with Combobox](https://ariakit.org/examples/menu-combobox)
-     * - [Submenu with
-     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
+     * Whether to reset the the combobox input value when this item is selected or
+     * unselected by click. This prop is set to `true` by default if
+     * the combobox supports multiple selections. In other words, if the
+     * [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue)
+     * or
+     * [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue)
+     * props are arrays.
      */
-    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    resetValueOnSelect?: BooleanOrCallback<MouseEvent<HTMLElement>>;
     /**
      * @default false
      */

package/esm/combobox/combobox-item.js

@@ -1,39 +1,39 @@
 "use client";
 import {
   useCompositeHover
-} from "../__chunks/VXKKJNIF.js";
-import {
-  useCompositeItem
-} from "../__chunks/R33ISPJY.js";
-import "../__chunks/PJ7ERAIM.js";
+} from "../__chunks/UVJHXCCZ.js";
 import {
   ComboboxItemCheckedContext,
   ComboboxItemValueContext,
   ComboboxListRoleContext,
   useComboboxScopedContext
-} from "../__chunks/N4X7J4OQ.js";
-import "../__chunks/IFMAUEA7.js";
+} from "../__chunks/WJUQFF4Z.js";
+import {
+  useCompositeItem
+} from "../__chunks/6M3KVYNV.js";
+import "../__chunks/FXHYBSGZ.js";
+import "../__chunks/57DQFKOT.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
+import "../__chunks/CGG6F755.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
+} from "../__chunks/I6MSISV2.js";
+import "../__chunks/S67MTDSB.js";
 import {
   useBooleanEvent,
   useEvent,
   useWrapElement
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadProps,
@@ -74,8 +74,9 @@ var useComboboxItem = createHook(
       store,
       value,
       hideOnClick,
-      selectValueOnClick = true,
       setValueOnClick,
+      selectValueOnClick = true,
+      resetValueOnSelect,
       focusOnHover = false,
       moveOnKeyPress = true,
       getItem: getItemProp
@@ -83,12 +84,14 @@ var useComboboxItem = createHook(
       "store",
       "value",
       "hideOnClick",
-      "selectValueOnClick",
       "setValueOnClick",
+      "selectValueOnClick",
+      "resetValueOnSelect",
       "focusOnHover",
       "moveOnKeyPress",
       "getItem"
     ]);
+    var _a2;
     const context = useComboboxScopedContext();
     store = store || context;
     invariant(
@@ -108,11 +111,18 @@ var useComboboxItem = createHook(
     const multiSelectable = store.useState(
       (state) => Array.isArray(state.selectedValue)
     );
+    const selected = store.useState(
+      (state) => isSelected(state.selectedValue, value)
+    );
+    const resetValueOnSelectState = store.useState("resetValueOnSelect");
     setValueOnClick = setValueOnClick != null ? setValueOnClick : !multiSelectable;
     hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
     const onClickProp = props.onClick;
     const setValueOnClickProp = useBooleanEvent(setValueOnClick);
     const selectValueOnClickProp = useBooleanEvent(selectValueOnClick);
+    const resetValueOnSelectProp = useBooleanEvent(
+      (_a2 = resetValueOnSelect != null ? resetValueOnSelect : resetValueOnSelectState) != null ? _a2 : multiSelectable
+    );
     const hideOnClickProp = useBooleanEvent(hideOnClick);
     const onClick = useEvent((event) => {
       onClickProp == null ? void 0 : onClickProp(event);
@@ -124,6 +134,9 @@ var useComboboxItem = createHook(
         return;
       if (value != null) {
         if (selectValueOnClickProp(event)) {
+          if (resetValueOnSelectProp(event)) {
+            store == null ? void 0 : store.resetValue();
+          }
           store == null ? void 0 : store.setSelectedValue((prevValue) => {
             if (!Array.isArray(prevValue))
               return value;
@@ -159,9 +172,6 @@ var useComboboxItem = createHook(
         }
       }
     });
-    const selected = store.useState(
-      (state) => isSelected(state.selectedValue, value)
-    );
     if (multiSelectable && selected != null) {
       props = __spreadValues({
         "aria-selected": selected

package/esm/combobox/combobox-label.d.ts

@@ -1,6 +1,6 @@
 import type { ElementType } from "react";
-import type { Options, Props } from "../utils/types.js";
-import type { ComboboxStore } from "./combobox-store.js";
+import type { Options, Props } from "../utils/types.ts";
+import type { ComboboxStore } from "./combobox-store.ts";
 declare const TagName = "label";
 type TagName = typeof TagName;
 /**
@@ -14,7 +14,7 @@ type TagName = typeof TagName;
  * <Combobox store={store} />
  * ```
  */
-export declare const useComboboxLabel: import("../utils/types.js").Hook<"label", ComboboxLabelOptions<"label">>;
+export declare const useComboboxLabel: import("../utils/types.ts").Hook<"label", ComboboxLabelOptions<"label">>;
 /**
  * Renders a label for the [`Combobox`](https://ariakit.org/reference/combobox)
  * component.

package/esm/combobox/combobox-label.js

@@ -1,26 +1,26 @@
 "use client";
 import {
   useComboboxProviderContext
-} from "../__chunks/N4X7J4OQ.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
+} from "../__chunks/WJUQFF4Z.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/I6MSISV2.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
-// src/combobox/combobox-label.ts
+// src/combobox/combobox-label.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
 var TagName = "label";
 var useComboboxLabel = createHook(

package/esm/combobox/combobox-list.d.ts

@@ -1,7 +1,7 @@
 import type { ElementType } from "react";
-import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
-import type { Options, Props } from "../utils/types.js";
-import type { ComboboxStore } from "./combobox-store.js";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.tsx";
+import type { Options, Props } from "../utils/types.ts";
+import type { ComboboxStore } from "./combobox-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -18,7 +18,7 @@ type TagName = typeof TagName;
  * </Role>
  * ```
  */
-export declare const useComboboxList: import("../utils/types.js").Hook<"div", ComboboxListOptions<"div">>;
+export declare const useComboboxList: import("../utils/types.ts").Hook<"div", 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`,

package/esm/combobox/combobox-list.js

@@ -2,18 +2,18 @@
 import {
   ComboboxList,
   useComboboxList
-} from "../__chunks/SKM4ZW3Y.js";
-import "../__chunks/N4X7J4OQ.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/KCMTTTFR.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/PPFXZOWJ.js";
+import "../__chunks/WJUQFF4Z.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/7AG4LN2H.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/S67MTDSB.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   ComboboxList,

package/esm/combobox/combobox-popover.d.ts

@@ -1,7 +1,7 @@
 import type { ElementType } from "react";
-import type { PopoverOptions } from "../popover/popover.js";
-import type { Props } from "../utils/types.js";
-import type { ComboboxListOptions } from "./combobox-list.js";
+import type { PopoverOptions } from "../popover/popover.tsx";
+import type { Props } from "../utils/types.ts";
+import type { ComboboxListOptions } from "./combobox-list.tsx";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -18,7 +18,7 @@ type TagName = typeof TagName;
  * </Role>
  * ```
  */
-export declare const useComboboxPopover: import("../utils/types.js").Hook<"div", ComboboxPopoverOptions<"div">>;
+export declare const useComboboxPopover: import("../utils/types.ts").Hook<"div", 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`,

package/esm/combobox/combobox-popover.js

@@ -1,56 +1,58 @@
 "use client";
 import {
   useComboboxList
-} from "../__chunks/SKM4ZW3Y.js";
+} from "../__chunks/PPFXZOWJ.js";
 import {
   useComboboxProviderContext
-} from "../__chunks/N4X7J4OQ.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
+} from "../__chunks/WJUQFF4Z.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
 import {
   usePopover
-} from "../__chunks/LTYEFENI.js";
+} from "../__chunks/BMYMDDP6.js";
 import {
   createDialogComponent
-} from "../__chunks/IOUGWXY5.js";
-import "../__chunks/GOXKZAQI.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/PTPUIM7N.js";
+} from "../__chunks/Z42C5PR3.js";
+import "../__chunks/V3E5SLHB.js";
+import "../__chunks/3TEK3C5Q.js";
 import "../__chunks/4ZRXV5C7.js";
-import "../__chunks/U2L67A6K.js";
-import "../__chunks/4KKLZMKS.js";
-import "../__chunks/HSFE2URL.js";
-import "../__chunks/H2NVVTJB.js";
+import "../__chunks/6O2UZOXH.js";
+import "../__chunks/EMAID2BX.js";
+import "../__chunks/6BRYOMMU.js";
+import "../__chunks/OOBDFMJL.js";
+import "../__chunks/677M2CI3.js";
+import "../__chunks/6GXEOXGT.js";
 import "../__chunks/YNKDLCEK.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
-import "../__chunks/OOBDFMJL.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/677M2CI3.js";
-import "../__chunks/UHSH3H5I.js";
-import "../__chunks/UYRJLDVS.js";
-import "../__chunks/JPQNKTGF.js";
-import "../__chunks/LQTCWTYB.js";
-import "../__chunks/7452U3HH.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/4MFOHMLS.js";
-import "../__chunks/KCMTTTFR.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
-import "../__chunks/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
-import "../__chunks/JG4BJLXB.js";
+import "../__chunks/O4PHI74Y.js";
+import "../__chunks/AH6A6OH6.js";
+import "../__chunks/5M6RIVE2.js";
+import "../__chunks/V4QWNWTM.js";
+import "../__chunks/TYZXREX7.js";
+import "../__chunks/AOQQTIBO.js";
+import "../__chunks/CZ4GFWYL.js";
+import "../__chunks/7AG4LN2H.js";
+import "../__chunks/B2GB5ZIJ.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
+import "../__chunks/CGG6F755.js";
+import "../__chunks/SWN3JYXT.js";
+import "../__chunks/4YEPPC7Q.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/2KACNUKS.js";
-import "../__chunks/ZIX5D53S.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/I6MSISV2.js";
+import "../__chunks/QX2CMDZ5.js";
+import "../__chunks/D6UA6CB7.js";
+import {
+  useStoreState
+} from "../__chunks/S67MTDSB.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadProps,
@@ -59,7 +61,7 @@ import {
 
 // src/combobox/combobox-popover.tsx
 import { useRef } from "react";
-import { getDocument, matches } from "@ariakit/core/utils/dom";
+import { getDocument } from "@ariakit/core/utils/dom";
 import { invariant, isFalsyBooleanCallback } from "@ariakit/core/utils/misc";
 var TagName = "div";
 function isController(target, ...ids) {
@@ -69,7 +71,7 @@ function isController(target, ...ids) {
     const selector = ids.filter(Boolean).map((id) => `[aria-controls~="${id}"]`).join(", ");
     if (!selector)
       return false;
-    return matches(target, selector);
+    return target.matches(selector);
   }
   return false;
 }
@@ -98,6 +100,10 @@ var useComboboxPopover = createHook(
     );
     const baseElement = store.useState("baseElement");
     const hiddenByClickOutsideRef = useRef(false);
+    const treeSnapshotKey = useStoreState(
+      store.tag,
+      (state) => state == null ? void 0 : state.renderedItems.length
+    );
     props = useComboboxList(__spreadValues({ store, alwaysVisible }, props));
     props = usePopover(__spreadProps(__spreadValues({
       store,
@@ -106,7 +112,8 @@ var useComboboxPopover = createHook(
       backdrop: false,
       autoFocusOnShow: false,
       finalFocus: baseElement,
-      preserveTabOrderAnchor: null
+      preserveTabOrderAnchor: null,
+      unstable_treeSnapshotKey: treeSnapshotKey
     }, props), {
       // When the combobox popover is modal, we make sure to include the
       // combobox input and all the combobox controls (cancel, disclosure) in

package/esm/combobox/combobox-provider.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
 import type { PickRequired } from "@ariakit/core/utils/types";
-import type { ComboboxStoreProps, ComboboxStoreSelectedValue } from "./combobox-store.js";
+import type { ComboboxStoreProps, ComboboxStoreSelectedValue } from "./combobox-store.ts";
 type Value = ComboboxStoreSelectedValue;
 /**
  * Provides a combobox store that controls the state of

package/esm/combobox/combobox-provider.js

@@ -1,24 +1,25 @@
 "use client";
 import {
   useComboboxStore
-} from "../__chunks/ZFEEEZVE.js";
+} from "../__chunks/XMSX63X6.js";
 import {
   ComboboxContextProvider
-} from "../__chunks/N4X7J4OQ.js";
-import "../__chunks/ZR5N62ZV.js";
-import "../__chunks/LGWSZOP2.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/JNGHG5BN.js";
-import "../__chunks/2KACNUKS.js";
-import "../__chunks/ZIX5D53S.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/WJUQFF4Z.js";
+import "../__chunks/2TL4Z4I4.js";
+import "../__chunks/HVBTERMS.js";
+import "../__chunks/DYZ3QKCZ.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
+import "../__chunks/I6MSISV2.js";
+import "../__chunks/BJY6QMBB.js";
+import "../__chunks/QX2CMDZ5.js";
+import "../__chunks/D6UA6CB7.js";
+import "../__chunks/S67MTDSB.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/combobox/combobox-provider.tsx

package/esm/combobox/combobox-row.d.ts

@@ -1,7 +1,7 @@
 import type { ElementType } from "react";
-import type { CompositeRowOptions } from "../composite/composite-row.js";
-import type { Props } from "../utils/types.js";
-import type { ComboboxStore } from "./combobox-store.js";
+import type { CompositeRowOptions } from "../composite/composite-row.tsx";
+import type { Props } from "../utils/types.ts";
+import type { ComboboxStore } from "./combobox-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -20,7 +20,7 @@ type TagName = typeof TagName;
  * </ComboboxPopover>
  * ```
  */
-export declare const useComboboxRow: import("../utils/types.js").Hook<"div", ComboboxRowOptions<"div">>;
+export declare const useComboboxRow: import("../utils/types.ts").Hook<"div", ComboboxRowOptions<"div">>;
 /**
  * Renders a combobox row that allows two-dimensional arrow key navigation.
  * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) elements

package/esm/combobox/combobox-row.js

@@ -1,28 +1,28 @@
 "use client";
 import {
   useCompositeRow
-} from "../__chunks/TZ7AP4RP.js";
+} from "../__chunks/TR2S63FJ.js";
 import {
   useComboboxScopedContext
-} from "../__chunks/N4X7J4OQ.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
+} from "../__chunks/WJUQFF4Z.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/I6MSISV2.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
-// src/combobox/combobox-row.ts
+// src/combobox/combobox-row.tsx
 import { getPopupRole } from "@ariakit/core/utils/dom";
 import { invariant } from "@ariakit/core/utils/misc";
 var TagName = "div";

package/esm/combobox/combobox-separator.d.ts

@@ -1,7 +1,7 @@
 import type { ElementType } from "react";
-import type { CompositeSeparatorOptions } from "../composite/composite-separator.js";
-import type { Props } from "../utils/types.js";
-import type { ComboboxStore } from "./combobox-store.js";
+import type { CompositeSeparatorOptions } from "../composite/composite-separator.tsx";
+import type { Props } from "../utils/types.ts";
+import type { ComboboxStore } from "./combobox-store.ts";
 declare const TagName = "hr";
 type TagName = typeof TagName;
 /**
@@ -20,7 +20,7 @@ type TagName = typeof TagName;
  * </ComboboxPopover>
  * ```
  */
-export declare const useComboboxSeparator: import("../utils/types.js").Hook<"hr", ComboboxSeparatorOptions<"hr">>;
+export declare const useComboboxSeparator: import("../utils/types.ts").Hook<"hr", ComboboxSeparatorOptions<"hr">>;
 /**
  * Renders a divider between
  * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) elements.

package/esm/combobox/combobox-separator.js

@@ -1,29 +1,29 @@
 "use client";
 import {
   useComboboxScopedContext
-} from "../__chunks/N4X7J4OQ.js";
+} from "../__chunks/WJUQFF4Z.js";
 import {
   useCompositeSeparator
-} from "../__chunks/FIODM6TY.js";
-import "../__chunks/GBZR5YWM.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
+} from "../__chunks/3OQPDTG6.js";
+import "../__chunks/CMELOF3N.js";
+import "../__chunks/RA2MZPUM.js";
+import "../__chunks/J4JPXPLD.js";
+import "../__chunks/THGRQCVD.js";
+import "../__chunks/UUT76IPH.js";
+import "../__chunks/JS4W7WDG.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/I6MSISV2.js";
+import "../__chunks/FPBGCFAS.js";
+import "../__chunks/KQWO6ME3.js";
 import {
   __objRest,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
-// src/combobox/combobox-separator.ts
+// src/combobox/combobox-separator.tsx
 import { invariant } from "@ariakit/core/utils/misc";
 var TagName = "hr";
 var useComboboxSeparator = createHook(function useComboboxSeparator2(_a) {