@ariakit/react-core 0.4.5 → 0.4.7

package/esm/select/select-item.js

@@ -1,38 +1,38 @@
 "use client";
 import {
   useCompositeHover
-} from "../__chunks/VXKKJNIF.js";
+} from "../__chunks/CBOSGWHO.js";
 import {
   SelectItemCheckedContext,
   useSelectScopedContext
-} from "../__chunks/SYZHUNAU.js";
+} from "../__chunks/FXF6FFAU.js";
 import {
   useCompositeItem
-} from "../__chunks/VGORKDMQ.js";
-import "../__chunks/IFMAUEA7.js";
-import "../__chunks/PJ7ERAIM.js";
+} from "../__chunks/UN4MKOLN.js";
+import "../__chunks/OEBCGVCG.js";
+import "../__chunks/5EKYTDKF.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/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
+import "../__chunks/DYAGAZRT.js";
+import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
+} from "../__chunks/YIF72NQG.js";
+import "../__chunks/DTNGDFNU.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useWrapElement
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadProps,
@@ -40,10 +40,10 @@ import {
 } from "../__chunks/4R3V3JGP.js";
 
 // src/select/select-item.tsx
-import { useCallback } from "react";
 import { getPopupItemRole } from "@ariakit/core/utils/dom";
 import { isDownloading, isOpeningInNewTab } from "@ariakit/core/utils/events";
 import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
+import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 function isSelected(storeValue, itemValue) {
@@ -132,13 +132,13 @@ var useSelectItem = createHook(
       (element) => /* @__PURE__ */ jsx(SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
       [selected]
     );
-    const contentElement = store.useState("contentElement");
+    const listElement = store.useState("listElement");
     const autoFocus = store.useState((state) => {
-      if (state.activeId !== id && (store == null ? void 0 : store.item(state.activeId)))
+      if (value == null)
         return false;
       if (state.value == null)
         return false;
-      if (value == null)
+      if (state.activeId !== id && (store == null ? void 0 : store.item(state.activeId)))
         return false;
       if (Array.isArray(state.value)) {
         return state.value[state.value.length - 1] === value;
@@ -147,7 +147,7 @@ var useSelectItem = createHook(
     });
     props = __spreadProps(__spreadValues({
       id,
-      role: getPopupItemRole(contentElement),
+      role: getPopupItemRole(listElement),
       "aria-selected": selected,
       children: value
     }, props), {

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

@@ -1,6 +1,6 @@
 import type { ElementType } from "react";
-import type { Options, Props } from "../utils/types.js";
-import type { SelectStore } from "./select-store.js";
+import type { Options, Props } from "../utils/types.ts";
+import type { SelectStore } from "./select-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -17,7 +17,7 @@ type TagName = typeof TagName;
  * <Select store={store} />
  * ```
  */
-export declare const useSelectLabel: import("../utils/types.js").Hook<"div", SelectLabelOptions<"div">>;
+export declare const useSelectLabel: import("../utils/types.ts").Hook<"div", SelectLabelOptions<"div">>;
 /**
  * Renders a label for the [`Select`](https://ariakit.org/reference/select)
  * component. Since it's not a native select element, we can't use the native

package/esm/select/select-label.js

@@ -1,31 +1,31 @@
 "use client";
 import {
   useSelectProviderContext
-} from "../__chunks/SYZHUNAU.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
+} from "../__chunks/FXF6FFAU.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/GUCZNEAD.js";
+} from "../__chunks/YIF72NQG.js";
 import {
   useEvent,
   useId,
   useMergeRefs
-} from "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
-// src/select/select-label.ts
+// src/select/select-label.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
 var TagName = "div";
 var useSelectLabel = createHook(
@@ -46,7 +46,6 @@ var useSelectLabel = createHook(
       queueMicrotask(() => {
         const select = store == null ? void 0 : store.getState().selectElement;
         select == null ? void 0 : select.focus();
-        select == null ? void 0 : select.click();
       });
     });
     props = __spreadProps(__spreadValues({

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

@@ -1,10 +1,10 @@
-import type { ElementType, KeyboardEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.js";
-import type { CompositeOptions } from "../composite/composite.js";
-import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
-import type { Props } from "../utils/types.js";
-import type { SelectStore } from "./select-store.js";
+import type { ElementType, KeyboardEvent } from "react";
+import type { CompositeTypeaheadOptions } from "../composite/composite-typeahead.tsx";
+import type { CompositeOptions } from "../composite/composite.tsx";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.tsx";
+import type { Props } from "../utils/types.ts";
+import type { SelectStore } from "./select-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -20,26 +20,28 @@ type TagName = typeof TagName;
  * </Role>
  * ```
  */
-export declare const useSelectList: import("../utils/types.js").Hook<"div", SelectListOptions<"div">>;
+export declare const useSelectList: import("../utils/types.ts").Hook<"div", SelectListOptions<"div">>;
 /**
- * Renders a select list element. This is the primitive component used by the
- * [`SelectPopover`](https://ariakit.org/reference/select-popover) component.
- *
- * Unlike [`SelectPopover`](https://ariakit.org/reference/select-popover), this
- * component doesn't render a popover and therefore doesn't automatically focus
- * on items when opened.
+ * Renders a wrapper for
+ * [`SelectItem`](https://ariakit.org/reference/select-item) elements. This
+ * component may be rendered within a
+ * [`SelectPopover`](https://ariakit.org/reference/select-popover) component if
+ * there are other non-item elements inside the popover.
  *
  * The `aria-labelledby` prop is set to the
  * [`Select`](https://ariakit.org/reference/select) element's `id` by default.
  * @see https://ariakit.org/components/select
  * @example
- * ```jsx {3-6}
+ * ```jsx {5-8}
  * <SelectProvider>
  *   <Select />
- *   <SelectList>
- *     <SelectItem value="Apple" />
- *     <SelectItem value="Orange" />
- *   </SelectList>
+ *   <SelectPopover>
+ *     <SelectDismiss />
+ *     <SelectList>
+ *       <SelectItem value="Apple" />
+ *       <SelectItem value="Orange" />
+ *     </SelectList>
+ *   </SelectPopover>
  * </SelectProvider>
  * ```
  */

package/esm/select/select-list.js

@@ -2,23 +2,23 @@
 import {
   SelectList,
   useSelectList
-} from "../__chunks/RTMHTBK3.js";
-import "../__chunks/QRAMDWD7.js";
-import "../__chunks/SYZHUNAU.js";
-import "../__chunks/CDZXDIC7.js";
+} from "../__chunks/OJBHU3NX.js";
+import "../__chunks/O7HGX5PA.js";
+import "../__chunks/FXF6FFAU.js";
+import "../__chunks/QMBMAMY2.js";
 import "../__chunks/3IEDWLST.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/7JCFLN3D.js";
-import "../__chunks/SHA3WOPI.js";
-import "../__chunks/GUCZNEAD.js";
-import "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/TNHM3SUC.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
+import "../__chunks/DYAGAZRT.js";
+import "../__chunks/SWN3JYXT.js";
+import "../__chunks/YIF72NQG.js";
+import "../__chunks/DTNGDFNU.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import "../__chunks/4R3V3JGP.js";
 export {
   SelectList,

package/esm/select/select-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 { SelectListOptions } from "./select-list.js";
+import type { PopoverOptions } from "../popover/popover.tsx";
+import type { Props } from "../utils/types.ts";
+import type { SelectListOptions } from "./select-list.tsx";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -17,7 +17,7 @@ type TagName = typeof TagName;
  * </Role>
  * ```
  */
-export declare const useSelectPopover: import("../utils/types.js").Hook<"div", SelectPopoverOptions<"div">>;
+export declare const useSelectPopover: import("../utils/types.ts").Hook<"div", SelectPopoverOptions<"div">>;
 /**
  * Renders a select popover. The `role` attribute is set to `listbox` by
  * default, but can be overriden by any other valid select popup role

package/esm/select/select-popover.js

@@ -1,65 +1,65 @@
 "use client";
 import {
   useSelectList
-} from "../__chunks/RTMHTBK3.js";
-import "../__chunks/QRAMDWD7.js";
+} from "../__chunks/OJBHU3NX.js";
+import "../__chunks/O7HGX5PA.js";
 import {
   useSelectProviderContext
-} from "../__chunks/SYZHUNAU.js";
-import "../__chunks/CDZXDIC7.js";
+} from "../__chunks/FXF6FFAU.js";
+import "../__chunks/QMBMAMY2.js";
 import "../__chunks/3IEDWLST.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
 import {
   usePopover
-} from "../__chunks/6YVAEELE.js";
+} from "../__chunks/PKN6MQJP.js";
 import {
   createDialogComponent
-} from "../__chunks/FGHVVLPU.js";
-import "../__chunks/CMFBAHKI.js";
-import "../__chunks/HSFE2URL.js";
-import "../__chunks/H2NVVTJB.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/YNKDLCEK.js";
-import "../__chunks/3TEK3C5Q.js";
-import "../__chunks/4ZRXV5C7.js";
+} from "../__chunks/CN7DDZL2.js";
+import "../__chunks/GRUZR3XS.js";
+import "../__chunks/75IH3TOO.js";
+import "../__chunks/SYFUIAXQ.js";
+import "../__chunks/P7YNSWBG.js";
+import "../__chunks/PKNBS4Q6.js";
+import "../__chunks/OTPVYNVT.js";
+import "../__chunks/HLTQOHKZ.js";
 import "../__chunks/677M2CI3.js";
+import "../__chunks/6GXEOXGT.js";
+import "../__chunks/3M4W2SZ7.js";
 import "../__chunks/MKDDWKFK.js";
-import "../__chunks/5QL6BP6J.js";
-import "../__chunks/OOBDFMJL.js";
-import "../__chunks/BC72XE6E.js";
+import "../__chunks/4SXGPXPS.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/4KKLZMKS.js";
-import "../__chunks/UHSH3H5I.js";
-import "../__chunks/UYRJLDVS.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/JPQNKTGF.js";
-import "../__chunks/LQTCWTYB.js";
-import "../__chunks/7452U3HH.js";
-import "../__chunks/KCMTTTFR.js";
-import "../__chunks/4MFOHMLS.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/DDNAPH23.js";
+import "../__chunks/5PY7H3O6.js";
+import "../__chunks/5M6RIVE2.js";
+import "../__chunks/3HD5ZDMZ.js";
+import "../__chunks/FG25KND2.js";
+import "../__chunks/AOQQTIBO.js";
+import "../__chunks/CZ4GFWYL.js";
+import "../__chunks/TNHM3SUC.js";
+import "../__chunks/DGQNUP7F.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
+import "../__chunks/DYAGAZRT.js";
+import "../__chunks/SWN3JYXT.js";
+import "../__chunks/2N6FBM3O.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/YIF72NQG.js";
+import "../__chunks/X5ETRS5D.js";
+import "../__chunks/5UDX7WKK.js";
+import "../__chunks/DTNGDFNU.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
-// src/select/select-popover.ts
+// src/select/select-popover.tsx
 var TagName = "div";
 var useSelectPopover = createHook(
   function useSelectPopover2(_a) {

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

@@ -1,6 +1,6 @@
-import type { ReactElement, ReactNode } from "react";
 import type { PickRequired } from "@ariakit/core/utils/types";
-import type { SelectStoreProps, SelectStoreValue } from "./select-store.js";
+import type { ReactElement, ReactNode } from "react";
+import type { SelectStoreProps, SelectStoreValue } from "./select-store.ts";
 type Value = SelectStoreValue;
 /**
  * Provides a select store to [Select](https://ariakit.org/components/select)

package/esm/select/select-provider.js

@@ -1,25 +1,25 @@
 "use client";
 import {
   useSelectStore
-} from "../__chunks/3VSAT3LD.js";
-import "../__chunks/N4X7J4OQ.js";
+} from "../__chunks/HJER6CSZ.js";
+import "../__chunks/3L4UCDWT.js";
 import {
   SelectContextProvider
-} from "../__chunks/SYZHUNAU.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/FXF6FFAU.js";
+import "../__chunks/WH6Q5C3D.js";
+import "../__chunks/X3TS2MQG.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
+import "../__chunks/YIF72NQG.js";
+import "../__chunks/GO53B7AR.js";
+import "../__chunks/X5ETRS5D.js";
+import "../__chunks/5UDX7WKK.js";
+import "../__chunks/DTNGDFNU.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import "../__chunks/4R3V3JGP.js";
 
 // src/select/select-provider.tsx

package/esm/select/select-renderer.d.ts

@@ -1,7 +1,7 @@
-import { getCompositeRendererItem, getCompositeRendererItemId } from "../composite/composite-renderer.js";
-import type { CompositeRendererBaseItemProps, CompositeRendererItem, CompositeRendererItemObject, CompositeRendererItemProps, CompositeRendererOptions } from "../composite/composite-renderer.js";
-import type { Props } from "../utils/types.js";
-import type { SelectStore, SelectStoreValue } from "./select-store.js";
+import { getCompositeRendererItem, getCompositeRendererItemId } from "../composite/composite-renderer.tsx";
+import type { CompositeRendererBaseItemProps, CompositeRendererItem, CompositeRendererItemObject, CompositeRendererItemProps, CompositeRendererOptions } from "../composite/composite-renderer.tsx";
+import type { Props } from "../utils/types.ts";
+import type { SelectStore, SelectStoreValue } from "./select-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 interface ItemObject extends CompositeRendererItemObject {

package/esm/select/select-renderer.js

@@ -1,36 +1,36 @@
 "use client";
 import {
   useCompositeRenderer
-} from "../__chunks/454G5MG7.js";
+} from "../__chunks/5XYSEKV3.js";
 import {
   getCollectionRendererItem,
   getCollectionRendererItemId
-} from "../__chunks/UXFKE2TG.js";
+} from "../__chunks/QFO5OLDL.js";
 import {
   useSelectContext
-} from "../__chunks/SYZHUNAU.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
+} from "../__chunks/FXF6FFAU.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
 import {
   createElement,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
+} from "../__chunks/YIF72NQG.js";
 import {
   useStoreState
-} from "../__chunks/PWUXK5IM.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/DTNGDFNU.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
 // src/select/select-renderer.tsx
-import { useMemo } from "react";
 import { toArray } from "@ariakit/core/utils/array";
+import { useMemo } from "react";
 var TagName = "div";
 function getItemObject(item) {
   if (!item || typeof item !== "object") {

package/esm/select/select-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 { SelectStore } from "./select-store.js";
+import type { CompositeRowOptions } from "../composite/composite-row.tsx";
+import type { Props } from "../utils/types.ts";
+import type { SelectStore } from "./select-store.ts";
 declare const TagName = "div";
 type TagName = typeof TagName;
 /**
@@ -19,7 +19,7 @@ type TagName = typeof TagName;
  * </SelectPopover>
  * ```
  */
-export declare const useSelectRow: import("../utils/types.js").Hook<"div", SelectRowOptions<"div">>;
+export declare const useSelectRow: import("../utils/types.ts").Hook<"div", SelectRowOptions<"div">>;
 /**
  * Renders a select row that allows two-dimensional arrow key navigation.
  * [`SelectItem`](https://ariakit.org/reference/select-item) elements wrapped

package/esm/select/select-row.js

@@ -1,28 +1,28 @@
 "use client";
 import {
   useCompositeRow
-} from "../__chunks/TZ7AP4RP.js";
+} from "../__chunks/67ZQCY2E.js";
 import {
   useSelectContext
-} from "../__chunks/SYZHUNAU.js";
-import "../__chunks/QFI3MCMR.js";
-import "../__chunks/6LTHW2TQ.js";
-import "../__chunks/5B3U64HV.js";
-import "../__chunks/IWHI6Y45.js";
-import "../__chunks/RG6J4TID.js";
+} from "../__chunks/FXF6FFAU.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/YIF72NQG.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
-// src/select/select-row.ts
+// src/select/select-row.tsx
 import { getPopupRole } from "@ariakit/core/utils/dom";
 import { invariant } from "@ariakit/core/utils/misc";
 var TagName = "div";
@@ -35,8 +35,8 @@ var useSelectRow = createHook(
       store,
       process.env.NODE_ENV !== "production" && "SelectRow must be wrapped in a SelectList or SelectPopover component"
     );
-    const contentElement = store.useState("contentElement");
-    const popupRole = getPopupRole(contentElement);
+    const listElement = store.useState("listElement");
+    const popupRole = getPopupRole(listElement);
     const role = popupRole === "grid" ? "row" : "presentation";
     props = __spreadValues({ role }, props);
     props = useCompositeRow(__spreadValues({ store }, props));

package/esm/select/select-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 { SelectStore } from "./select-store.js";
+import type { CompositeSeparatorOptions } from "../composite/composite-separator.tsx";
+import type { Props } from "../utils/types.ts";
+import type { SelectStore } from "./select-store.ts";
 declare const TagName = "hr";
 type TagName = typeof TagName;
 /**
@@ -20,7 +20,7 @@ type TagName = typeof TagName;
  * </SelectPopover>
  * ```
  */
-export declare const useSelectSeparator: import("../utils/types.js").Hook<"hr", SelectSeparatorOptions<"hr">>;
+export declare const useSelectSeparator: import("../utils/types.ts").Hook<"hr", SelectSeparatorOptions<"hr">>;
 /**
  * Renders a divider between
  * [`SelectItem`](https://ariakit.org/reference/select-item) elements.

package/esm/select/select-separator.js

@@ -1,29 +1,29 @@
 "use client";
 import {
   useSelectContext
-} from "../__chunks/SYZHUNAU.js";
+} from "../__chunks/FXF6FFAU.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/2INQ6K4L.js";
+import "../__chunks/IX2MD5WD.js";
+import "../__chunks/53KINMNA.js";
+import "../__chunks/FU7RTSEI.js";
+import "../__chunks/URSEQETI.js";
+import "../__chunks/J7UNXP2A.js";
+import "../__chunks/SJ5YBTFK.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/GUCZNEAD.js";
-import "../__chunks/WOWUAP42.js";
-import "../__chunks/XM66DUTO.js";
+} from "../__chunks/YIF72NQG.js";
+import "../__chunks/OPTPHWV7.js";
+import "../__chunks/4ROCFRIN.js";
 import {
   __objRest,
   __spreadValues
 } from "../__chunks/4R3V3JGP.js";
 
-// src/select/select-separator.ts
+// src/select/select-separator.tsx
 var TagName = "hr";
 var useSelectSeparator = createHook(
   function useSelectSeparator2(_a) {