@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/select/select-item-check.cjs

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _T4KYZJUYcjs = require('../__chunks/T4KYZJUY.cjs');
+var _4ITCBJNTcjs = require('../__chunks/4ITCBJNT.cjs');
 require('../__chunks/ERFHNHON.cjs');
 
 
-var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
+var _STYNL4LLcjs = require('../__chunks/STYNL4LL.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -26,24 +26,20 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-item-check.ts
 var _react = require('react');
-var useSelectItemCheck = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "span";
+var useSelectItemCheck = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useSelectItemCheck2(_a) {
     var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
-    const context = _react.useContext.call(void 0, _2WCJJQSKcjs.SelectItemCheckedContext);
+    const context = _react.useContext.call(void 0, _STYNL4LLcjs.SelectItemCheckedContext);
     checked = checked != null ? checked : context;
-    props = _T4KYZJUYcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
+    props = _4ITCBJNTcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
     return props;
   }
 );
-var SelectItemCheck = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useSelectItemCheck(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "span", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  SelectItemCheck.displayName = "SelectItemCheck";
-}
+var SelectItemCheck = _Q67LZMDTcjs.forwardRef.call(void 0, function SelectItemCheck2(props) {
+  const htmlProps = useSelectItemCheck(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

package/cjs/select/select-item-check.d.cts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CheckboxCheckOptions } from "../checkbox/checkbox-check.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { SelectStore } from "./select-store.js";
+declare const TagName = "span";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `SelectItemCheck` component. This hook must be used
  * in a component that's wrapped with `SelectItem` or the `checked` prop must be
@@ -12,7 +15,7 @@ import type { SelectStore } from "./select-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useSelectItemCheck: import("../utils/types.js").Hook<SelectItemCheckOptions<"span">>;
+export declare const useSelectItemCheck: import("../utils/types.js").Hook<"span", SelectItemCheckOptions<"span">>;
 /**
  * Renders a checkmark icon when the
  * [`checked`](https://ariakit.org/reference/select-item-check#checked) prop is
@@ -40,12 +43,13 @@ export declare const useSelectItemCheck: import("../utils/types.js").Hook<Select
  * </SelectProvider>
  * ```
  */
-export declare const SelectItemCheck: import("../utils/types.js").Component<SelectItemCheckOptions<"span">>;
-export interface SelectItemCheckOptions<T extends As = "span"> extends CheckboxCheckOptions<T> {
+export declare const SelectItemCheck: (props: SelectItemCheckProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface SelectItemCheckOptions<T extends ElementType = TagName> extends CheckboxCheckOptions<T> {
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook.
      */
     store?: SelectStore;
 }
-export type SelectItemCheckProps<T extends As = "span"> = Props<SelectItemCheckOptions<T>>;
+export type SelectItemCheckProps<T extends ElementType = TagName> = Props<T, SelectItemCheckOptions<T>>;
+export {};

package/cjs/select/select-item-check.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { CheckboxCheckOptions } from "../checkbox/checkbox-check.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { SelectStore } from "./select-store.js";
+declare const TagName = "span";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `SelectItemCheck` component. This hook must be used
  * in a component that's wrapped with `SelectItem` or the `checked` prop must be
@@ -12,7 +15,7 @@ import type { SelectStore } from "./select-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useSelectItemCheck: import("../utils/types.js").Hook<SelectItemCheckOptions<"span">>;
+export declare const useSelectItemCheck: import("../utils/types.js").Hook<"span", SelectItemCheckOptions<"span">>;
 /**
  * Renders a checkmark icon when the
  * [`checked`](https://ariakit.org/reference/select-item-check#checked) prop is
@@ -40,12 +43,13 @@ export declare const useSelectItemCheck: import("../utils/types.js").Hook<Select
  * </SelectProvider>
  * ```
  */
-export declare const SelectItemCheck: import("../utils/types.js").Component<SelectItemCheckOptions<"span">>;
-export interface SelectItemCheckOptions<T extends As = "span"> extends CheckboxCheckOptions<T> {
+export declare const SelectItemCheck: (props: SelectItemCheckProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface SelectItemCheckOptions<T extends ElementType = TagName> extends CheckboxCheckOptions<T> {
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook.
      */
     store?: SelectStore;
 }
-export type SelectItemCheckProps<T extends As = "span"> = Props<SelectItemCheckOptions<T>>;
+export type SelectItemCheckProps<T extends ElementType = TagName> = Props<T, SelectItemCheckOptions<T>>;
+export {};

package/cjs/select/select-item.cjs

@@ -1,29 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _IPYAEPOTcjs = require('../__chunks/IPYAEPOT.cjs');
+var _JAG4YGQZcjs = require('../__chunks/JAG4YGQZ.cjs');
 
 
 
-var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
+var _STYNL4LLcjs = require('../__chunks/STYNL4LL.cjs');
 
 
-var _IO6J4PANcjs = require('../__chunks/IO6J4PAN.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/R5A2WTWB.cjs');
+var _QWP2WC6Ecjs = require('../__chunks/QWP2WC6E.cjs');
+require('../__chunks/ZMTZTMRS.cjs');
+require('../__chunks/XWCNZ2IP.cjs');
 require('../__chunks/6ZZYUFPW.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/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 
 
@@ -44,6 +45,7 @@ var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
 function isSelected(storeValue, itemValue) {
   if (itemValue == null)
     return;
@@ -54,8 +56,8 @@ function isSelected(storeValue, itemValue) {
   }
   return storeValue === itemValue;
 }
-var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useSelectItem = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useSelectItem2(_a) {
     var _b = _a, {
       store,
       value,
@@ -74,7 +76,7 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
       "focusOnHover"
     ]);
     var _a2;
-    const context = _2WCJJQSKcjs.useSelectScopedContext.call(void 0, );
+    const context = _STYNL4LLcjs.useSelectScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -127,7 +129,7 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
     const selected = store.useState((state) => isSelected(state.value, value));
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2WCJJQSKcjs.SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _STYNL4LLcjs.SelectItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }),
       [selected]
     );
     const contentElement = store.useState("contentElement");
@@ -152,19 +154,19 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
       autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
       onClick
     });
-    props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       getItem,
       preventScrollOnKeyDown
     }, props));
     const focusOnHoverProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, focusOnHover);
-    props = _IPYAEPOTcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _JAG4YGQZcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       // We have to disable focusOnHover when the popup is closed, otherwise
       // the active item will change to null (the container) when the popup is
       // closed by clicking on an item.
-      focusOnHover: (event) => {
+      focusOnHover(event) {
         if (!focusOnHoverProp(event))
           return false;
         const state = store == null ? void 0 : store.getState();
@@ -174,13 +176,12 @@ var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var SelectItem = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
-  const htmlProps = useSelectItem(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  SelectItem.displayName = "SelectItem";
-}
+var SelectItem = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function SelectItem2(props) {
+    const htmlProps = useSelectItem(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
+);
 
 
 

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

@@ -1,9 +1,11 @@
-import type { MouseEvent } from "react";
+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 { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { SelectStore } from "./select-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `SelectItem` component.
  * @see https://ariakit.org/components/select
@@ -14,7 +16,7 @@ import type { SelectStore } from "./select-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useSelectItem: import("../utils/types.js").Hook<SelectItemOptions<"div">>;
+export declare const useSelectItem: import("../utils/types.js").Hook<"div", SelectItemOptions<"div">>;
 /**
  * Renders a select item inside a
  * [`SelectList`](https://ariakit.org/reference/select-list) or
@@ -41,8 +43,8 @@ export declare const useSelectItem: import("../utils/types.js").Hook<SelectItemO
  * </SelectProvider>
  * ```
  */
-export declare const SelectItem: import("../utils/types.js").Component<SelectItemOptions<"div">>;
-export interface SelectItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
+export declare const SelectItem: (props: SelectItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface SelectItemOptions<T extends ElementType = TagName> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
@@ -94,4 +96,5 @@ export interface SelectItemOptions<T extends As = "div"> extends CompositeItemOp
      */
     setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
 }
-export type SelectItemProps<T extends As = "div"> = Props<SelectItemOptions<T>>;
+export type SelectItemProps<T extends ElementType = TagName> = Props<T, SelectItemOptions<T>>;
+export {};

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

@@ -1,9 +1,11 @@
-import type { MouseEvent } from "react";
+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 { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { SelectStore } from "./select-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `SelectItem` component.
  * @see https://ariakit.org/components/select
@@ -14,7 +16,7 @@ import type { SelectStore } from "./select-store.js";
  * <Role {...props} />
  * ```
  */
-export declare const useSelectItem: import("../utils/types.js").Hook<SelectItemOptions<"div">>;
+export declare const useSelectItem: import("../utils/types.js").Hook<"div", SelectItemOptions<"div">>;
 /**
  * Renders a select item inside a
  * [`SelectList`](https://ariakit.org/reference/select-list) or
@@ -41,8 +43,8 @@ export declare const useSelectItem: import("../utils/types.js").Hook<SelectItemO
  * </SelectProvider>
  * ```
  */
-export declare const SelectItem: import("../utils/types.js").Component<SelectItemOptions<"div">>;
-export interface SelectItemOptions<T extends As = "div"> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
+export declare const SelectItem: (props: SelectItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface SelectItemOptions<T extends ElementType = TagName> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
@@ -94,4 +96,5 @@ export interface SelectItemOptions<T extends As = "div"> extends CompositeItemOp
      */
     setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
 }
-export type SelectItemProps<T extends As = "div"> = Props<SelectItemOptions<T>>;
+export type SelectItemProps<T extends ElementType = TagName> = Props<T, SelectItemOptions<T>>;
+export {};

package/cjs/select/select-label.cjs

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
+var _STYNL4LLcjs = require('../__chunks/STYNL4LL.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+
+var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
 
 
 
@@ -26,10 +27,11 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-label.ts
 var _misc = require('@ariakit/core/utils/misc');
-var useSelectLabel = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "div";
+var useSelectLabel = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useSelectLabel2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _2WCJJQSKcjs.useSelectProviderContext.call(void 0, );
+    const context = _STYNL4LLcjs.useSelectProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -56,16 +58,15 @@ var useSelectLabel = _RNZNGEL4cjs.createHook.call(void 0,
         cursor: "default"
       }, props.style)
     });
-    return props;
+    return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var SelectLabel = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
-  const htmlProps = useSelectLabel(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  SelectLabel.displayName = "SelectLabel";
-}
+var SelectLabel = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function SelectLabel2(props) {
+    const htmlProps = useSelectLabel(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
+);
 
 
 

package/cjs/select/select-label.d.cts

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { SelectStore } from "./select-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `SelectLabel` component. Since it's not a native
  * select element, we can't use the native label element. The `SelectLabel`
@@ -14,7 +17,7 @@ import type { SelectStore } from "./select-store.js";
  * <Select store={store} />
  * ```
  */
-export declare const useSelectLabel: import("../utils/types.js").Hook<SelectLabelOptions<"div">>;
+export declare const useSelectLabel: import("../utils/types.js").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
@@ -33,8 +36,8 @@ export declare const useSelectLabel: import("../utils/types.js").Hook<SelectLabe
  * </SelectProvider>
  * ```
  */
-export declare const SelectLabel: import("../utils/types.js").Component<SelectLabelOptions<"div">>;
-export interface SelectLabelOptions<T extends As = "div"> extends Options<T> {
+export declare const SelectLabel: (props: SelectLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface SelectLabelOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
@@ -44,4 +47,5 @@ export interface SelectLabelOptions<T extends As = "div"> extends Options<T> {
      */
     store?: SelectStore;
 }
-export type SelectLabelProps<T extends As = "div"> = Props<SelectLabelOptions<T>>;
+export type SelectLabelProps<T extends ElementType = TagName> = Props<T, SelectLabelOptions<T>>;
+export {};

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

@@ -1,5 +1,8 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
 import type { SelectStore } from "./select-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `SelectLabel` component. Since it's not a native
  * select element, we can't use the native label element. The `SelectLabel`
@@ -14,7 +17,7 @@ import type { SelectStore } from "./select-store.js";
  * <Select store={store} />
  * ```
  */
-export declare const useSelectLabel: import("../utils/types.js").Hook<SelectLabelOptions<"div">>;
+export declare const useSelectLabel: import("../utils/types.js").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
@@ -33,8 +36,8 @@ export declare const useSelectLabel: import("../utils/types.js").Hook<SelectLabe
  * </SelectProvider>
  * ```
  */
-export declare const SelectLabel: import("../utils/types.js").Component<SelectLabelOptions<"div">>;
-export interface SelectLabelOptions<T extends As = "div"> extends Options<T> {
+export declare const SelectLabel: (props: SelectLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface SelectLabelOptions<_T extends ElementType = TagName> extends Options {
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
@@ -44,4 +47,5 @@ export interface SelectLabelOptions<T extends As = "div"> extends Options<T> {
      */
     store?: SelectStore;
 }
-export type SelectLabelProps<T extends As = "div"> = Props<SelectLabelOptions<T>>;
+export type SelectLabelProps<T extends ElementType = TagName> = Props<T, SelectLabelOptions<T>>;
+export {};

package/cjs/select/select-list.cjs

@@ -2,20 +2,20 @@
 
 
 
-var _XA62Y24Zcjs = require('../__chunks/XA62Y24Z.cjs');
-require('../__chunks/6PUZ4NWR.cjs');
-require('../__chunks/2WCJJQSK.cjs');
-require('../__chunks/H6OLBVHA.cjs');
+var _VJIEWS6Gcjs = require('../__chunks/VJIEWS6G.cjs');
+require('../__chunks/XSRQB4KO.cjs');
+require('../__chunks/STYNL4LL.cjs');
+require('../__chunks/NCXCQQBN.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/UZNYSPKP.cjs');
-require('../__chunks/BZTDJIVT.cjs');
-require('../__chunks/YPVQYY4J.cjs');
-require('../__chunks/UVBBMANL.cjs');
-require('../__chunks/F2A2ZQDB.cjs');
-require('../__chunks/S6UU7NA4.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/4XFLDG56.cjs');
+require('../__chunks/Q6CVYJBO.cjs');
+require('../__chunks/JFOUIQSF.cjs');
+require('../__chunks/FNVFJ5AF.cjs');
+require('../__chunks/OLPMMKKO.cjs');
+require('../__chunks/XRJBC7H7.cjs');
+require('../__chunks/5QD55NKL.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
@@ -23,4 +23,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.SelectList = _XA62Y24Zcjs.SelectList; exports.useSelectList = _XA62Y24Zcjs.useSelectList;
+exports.SelectList = _VJIEWS6Gcjs.SelectList; exports.useSelectList = _VJIEWS6Gcjs.useSelectList;

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

@@ -1,10 +1,12 @@
-import type { KeyboardEvent } from "react";
+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 { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { SelectStore } from "./select-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `SelectList` component.
  * @see https://ariakit.org/components/select
@@ -18,7 +20,7 @@ import type { SelectStore } from "./select-store.js";
  * </Role>
  * ```
  */
-export declare const useSelectList: import("../utils/types.js").Hook<SelectListOptions<"div">>;
+export declare const useSelectList: import("../utils/types.js").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.
@@ -41,8 +43,8 @@ export declare const useSelectList: import("../utils/types.js").Hook<SelectListO
  * </SelectProvider>
  * ```
  */
-export declare const SelectList: import("../utils/types.js").Component<SelectListOptions<"div">>;
-export interface SelectListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
+export declare const SelectList: (props: SelectListProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface SelectListOptions<T extends ElementType = TagName> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
@@ -68,4 +70,5 @@ export interface SelectListOptions<T extends As = "div"> extends CompositeOption
      */
     hideOnEnter?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
 }
-export type SelectListProps<T extends As = "div"> = Props<SelectListOptions<T>>;
+export type SelectListProps<T extends ElementType = TagName> = Props<T, SelectListOptions<T>>;
+export {};

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

@@ -1,10 +1,12 @@
-import type { KeyboardEvent } from "react";
+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 { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { SelectStore } from "./select-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `SelectList` component.
  * @see https://ariakit.org/components/select
@@ -18,7 +20,7 @@ import type { SelectStore } from "./select-store.js";
  * </Role>
  * ```
  */
-export declare const useSelectList: import("../utils/types.js").Hook<SelectListOptions<"div">>;
+export declare const useSelectList: import("../utils/types.js").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.
@@ -41,8 +43,8 @@ export declare const useSelectList: import("../utils/types.js").Hook<SelectListO
  * </SelectProvider>
  * ```
  */
-export declare const SelectList: import("../utils/types.js").Component<SelectListOptions<"div">>;
-export interface SelectListOptions<T extends As = "div"> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
+export declare const SelectList: (props: SelectListProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface SelectListOptions<T extends ElementType = TagName> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
     /**
      * Object returned by the
      * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
@@ -68,4 +70,5 @@ export interface SelectListOptions<T extends As = "div"> extends CompositeOption
      */
     hideOnEnter?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
 }
-export type SelectListProps<T extends As = "div"> = Props<SelectListOptions<T>>;
+export type SelectListProps<T extends ElementType = TagName> = Props<T, SelectListOptions<T>>;
+export {};