@ariakit/react-core 0.3.4 → 0.3.5

package/cjs/radio/radio.d.ts

@@ -40,6 +40,10 @@ export interface RadioOptions<T extends As = "input"> extends CompositeItemOptio
      * context will be used.
      */
     store?: RadioStore;
+    /**
+     * The native `name` attribute.
+     */
+    name?: string;
     /**
      * The value of the radio button.
      */

package/cjs/role/role.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _OAEUR56Wcjs = require('../__chunks/OAEUR56W.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _2TEJFTKYcjs = require('../__chunks/2TEJFTKY.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.Role = _OAEUR56Wcjs.Role; exports.useRole = _OAEUR56Wcjs.useRole;
+
+exports.Role = _2TEJFTKYcjs.Role; exports.useRole = _2TEJFTKYcjs.useRole;

package/cjs/role/role.d.cts

@@ -0,0 +1,29 @@
+import type { As, Component, Options, Props } from "../utils/types.js";
+declare const elements: readonly ["a", "button", "details", "dialog", "div", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "img", "input", "label", "li", "nav", "ol", "p", "section", "select", "span", "textarea", "ul", "svg"];
+type RoleElements = {
+    [K in (typeof elements)[number]]: Component<RoleOptions<K>>;
+};
+/**
+ * Returns props to create a `Role` component.
+ * @see https://ariakit.org/components/role
+ * @example
+ * ```jsx
+ * const props = useRole();
+ * <Role {...props} />
+ * ```
+ */
+export declare const useRole: import("../utils/types.js").Hook<RoleOptions<"div">>;
+/**
+ * Renders an abstract element that supports the `render` prop a `wrapElement`
+ * prop that can be used to wrap the underlying element with React Portal,
+ * Context or other component types.
+ * @see https://ariakit.org/components/role
+ * @example
+ * ```jsx
+ * <Role render={<div />} />
+ * ```
+ */
+export declare const Role: Component<RoleOptions<"div">> & RoleElements;
+export type RoleOptions<T extends As = "div"> = Options<T>;
+export type RoleProps<T extends As = "div"> = Props<RoleOptions<T>>;
+export {};

package/cjs/select/select-arrow.cjs

@@ -1,19 +1,20 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FTX6TAJCcjs = require('../__chunks/FTX6TAJC.cjs');
-require('../__chunks/VIPX6GSM.cjs');
-require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _WP7ZSALIcjs = require('../__chunks/WP7ZSALI.cjs');
+require('../__chunks/AIPLRMQM.cjs');
+require('../__chunks/M3F5A3H5.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/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.SelectArrow = _FTX6TAJCcjs.SelectArrow; exports.useSelectArrow = _FTX6TAJCcjs.useSelectArrow;
+
+exports.SelectArrow = _WP7ZSALIcjs.SelectArrow; exports.useSelectArrow = _WP7ZSALIcjs.useSelectArrow;

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

@@ -0,0 +1,52 @@
+import type { PopoverDisclosureArrowOptions } from "../popover/popover-disclosure-arrow.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectArrow` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectArrow({ store });
+ * <Select store={store}>
+ *   {store.value}
+ *   <Role {...props} />
+ * </Select>
+ * <SelectPopover store={store}>
+ *   <SelectItem value="Apple" />
+ *   <SelectItem value="Orange" />
+ * </SelectPopover>
+ * ```
+ */
+export declare const useSelectArrow: import("../utils/types.js").Hook<SelectArrowOptions<"span">>;
+/**
+ * Renders an arrow pointing to the select popover position. It's usually
+ * rendered inside the [`Select`](https://ariakit.org/reference/select)
+ * component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {4}
+ * <SelectProvider>
+ *   <Select>
+ *     {select.value}
+ *     <SelectArrow />
+ *   </Select>
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectArrow: import("../utils/types.js").Component<SelectArrowOptions<"span">>;
+export interface SelectArrowOptions<T extends As = "span"> extends PopoverDisclosureArrowOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the closest [`Select`](https://ariakit.org/reference/select)
+     * or [`SelectProvider`](https://ariakit.org/reference/select-provider)
+     * components' context will be used.
+     */
+    store?: SelectStore;
+}
+export type SelectArrowProps<T extends As = "span"> = Props<SelectArrowOptions<T>>;

package/cjs/select/select-context.cjs

@@ -1,25 +1,26 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _M3F5A3H5cjs = require('../__chunks/M3F5A3H5.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/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
 
 
 
 
-exports.SelectContextProvider = _I2EPCLS6cjs.SelectContextProvider; exports.SelectItemCheckedContext = _I2EPCLS6cjs.SelectItemCheckedContext; exports.SelectScopedContextProvider = _I2EPCLS6cjs.SelectScopedContextProvider; exports.useSelectContext = _I2EPCLS6cjs.useSelectContext; exports.useSelectProviderContext = _I2EPCLS6cjs.useSelectProviderContext; exports.useSelectScopedContext = _I2EPCLS6cjs.useSelectScopedContext;
+
+exports.SelectContextProvider = _M3F5A3H5cjs.SelectContextProvider; exports.SelectItemCheckedContext = _M3F5A3H5cjs.SelectItemCheckedContext; exports.SelectScopedContextProvider = _M3F5A3H5cjs.SelectScopedContextProvider; exports.useSelectContext = _M3F5A3H5cjs.useSelectContext; exports.useSelectProviderContext = _M3F5A3H5cjs.useSelectProviderContext; exports.useSelectScopedContext = _M3F5A3H5cjs.useSelectScopedContext;

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

@@ -0,0 +1,20 @@
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns the select store from the nearest select container.
+ * @example
+ * function Select() {
+ *   const store = useSelectContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Select must be wrapped in SelectProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useSelectContext: () => SelectStore | undefined;
+export declare const useSelectScopedContext: (onlyScoped?: boolean) => SelectStore | undefined;
+export declare const useSelectProviderContext: () => SelectStore | undefined;
+export declare const SelectContextProvider: (props: import("react").ProviderProps<SelectStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectScopedContextProvider: (props: import("react").ProviderProps<SelectStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectItemCheckedContext: import("react").Context<boolean>;

package/cjs/select/select-group-label.cjs

@@ -1,28 +1,29 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _DGL5AMAWcjs = require('../__chunks/DGL5AMAW.cjs');
-require('../__chunks/TDUVWW2F.cjs');
-require('../__chunks/K56WQU76.cjs');
 
+var _NKMUYKJAcjs = require('../__chunks/NKMUYKJA.cjs');
+require('../__chunks/VZI5MZ7D.cjs');
+require('../__chunks/FE3YCURH.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 // src/select/select-group-label.ts
-var useSelectGroupLabel = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectGroupLabel = _VKYTJKYNcjs.createHook.call(void 0, 
   (props) => {
-    props = _DGL5AMAWcjs.useCompositeGroupLabel.call(void 0, props);
+    props = _NKMUYKJAcjs.useCompositeGroupLabel.call(void 0, props);
     return props;
   }
 );
-var SelectGroupLabel = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var SelectGroupLabel = _VKYTJKYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useSelectGroupLabel(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,53 @@
+import type { CompositeGroupLabelOptions } from "../composite/composite-group-label.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectGroupLabel` component. This hook must be
+ * used in a component that's wrapped with `SelectGroup` so the
+ * `aria-labelledby` prop is properly set on the select group element.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * // This component must be wrapped with SelectGroup
+ * const props = useSelectGroupLabel();
+ * <Role {...props}>Label</Role>
+ * ```
+ */
+export declare const useSelectGroupLabel: import("../utils/types.js").Hook<SelectGroupLabelOptions<"div">>;
+/**
+ * Renders a label in a select group. This component must be wrapped with
+ * `SelectGroup` so the `aria-labelledby` prop is properly set on the select
+ * group element.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {5,10}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectGroup>
+ *       <SelectGroupLabel>Fruits</SelectGroupLabel>
+ *       <SelectItem value="Apple" />
+ *       <SelectItem value="Orange" />
+ *     </SelectGroup>
+ *     <SelectGroup>
+ *       <SelectGroupLabel>Meat</SelectGroupLabel>
+ *       <SelectItem value="Beef" />
+ *       <SelectItem value="Chicken" />
+ *     </SelectGroup>
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectGroupLabel: import("../utils/types.js").Component<SelectGroupLabelOptions<"div">>;
+export interface SelectGroupLabelOptions<T extends As = "div"> extends CompositeGroupLabelOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore;
+}
+export type SelectGroupLabelProps<T extends As = "div"> = Props<SelectGroupLabelOptions<T>>;

package/cjs/select/select-group.cjs

@@ -1,25 +1,26 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _7VE7IIRWcjs = require('../__chunks/7VE7IIRW.cjs');
-require('../__chunks/ZMSJUL55.cjs');
-require('../__chunks/K56WQU76.cjs');
 
+var _5NKFHQZ2cjs = require('../__chunks/5NKFHQZ2.cjs');
+require('../__chunks/4NC3T4TV.cjs');
+require('../__chunks/FE3YCURH.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 // src/select/select-group.ts
-var useSelectGroup = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
-  props = _7VE7IIRWcjs.useCompositeGroup.call(void 0, props);
+var useSelectGroup = _VKYTJKYNcjs.createHook.call(void 0, (props) => {
+  props = _5NKFHQZ2cjs.useCompositeGroup.call(void 0, props);
   return props;
 });
-var SelectGroup = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var SelectGroup = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectGroup(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectGroup.displayName = "SelectGroup";

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

@@ -0,0 +1,51 @@
+import type { CompositeGroupOptions } from "../composite/composite-group.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectGroup` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectGroup({ store });
+ * <Select store={store} />
+ * <SelectPopover store={store}>
+ *   <Role {...props}>
+ *     <SelectGroupLabel>Fruits</SelectGroupLabel>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </Role>
+ * </SelectPopover>
+ * ```
+ */
+export declare const useSelectGroup: import("../utils/types.js").Hook<SelectGroupOptions<"div">>;
+/**
+ * Renders a select group.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {4-8}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectGroup>
+ *       <SelectGroupLabel>Fruits</SelectGroupLabel>
+ *       <SelectItem value="Apple" />
+ *       <SelectItem value="Orange" />
+ *     </SelectGroup>
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectGroup: import("../utils/types.js").Component<SelectGroupOptions<"div">>;
+export interface SelectGroupOptions<T extends As = "div"> extends CompositeGroupOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore;
+}
+export type SelectGroupProps<T extends As = "div"> = Props<SelectGroupOptions<T>>;

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

@@ -1,43 +1,44 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _P4F26HLTcjs = require('../__chunks/P4F26HLT.cjs');
-require('../__chunks/FO6MB5HF.cjs');
 
+var _Q4NPNRJZcjs = require('../__chunks/Q4NPNRJZ.cjs');
+require('../__chunks/ERFHNHON.cjs');
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
 
+var _M3F5A3H5cjs = require('../__chunks/M3F5A3H5.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/select/select-item-check.ts
 var _react = require('react');
-var useSelectItemCheck = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectItemCheck = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, checked } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "checked"]);
-    const context = _react.useContext.call(void 0, _I2EPCLS6cjs.SelectItemCheckedContext);
+    var _b = _a, { store, checked } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
+    const context = _react.useContext.call(void 0, _M3F5A3H5cjs.SelectItemCheckedContext);
     checked = checked != null ? checked : context;
-    props = _P4F26HLTcjs.useCheckboxCheck.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { checked }));
+    props = _Q4NPNRJZcjs.useCheckboxCheck.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
     return props;
   }
 );
-var SelectItemCheck = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var SelectItemCheck = _VKYTJKYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useSelectItemCheck(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "span", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "span", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -0,0 +1,57 @@
+import type { CheckboxCheckOptions } from "../checkbox/checkbox-check.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * 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
+ * explicitly passed to the component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const props = useSelectItemCheck({ checked: true });
+ * <Role {...props} />
+ * ```
+ */
+export declare const useSelectItemCheck: import("../utils/types.js").Hook<SelectItemCheckOptions<"span">>;
+/**
+ * Renders a checkmark inside a `SelectItem` component. This component must be
+ * wrapped with `SelectItem` or the `checked` prop must be explicitly passed to
+ * the component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {5,9}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Apple">
+ *       <SelectItemCheck />
+ *       Apple
+ *     </SelectItem>
+ *     <SelectItem value="Orange">
+ *       <SelectItemCheck />
+ *       Orange
+ *     </SelectItem>
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectItemCheck: import("../utils/types.js").Component<SelectItemCheckOptions<"span">>;
+export interface SelectItemCheckOptions<T extends As = "span"> extends CheckboxCheckOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore;
+    /**
+     * Whether the check mark should be shown. This value is automatically
+     * inferred from the parent
+     * [`SelectItem`](https://ariakit.org/reference/select-item) component.
+     * Manually setting this prop will override the inferred value.
+     */
+    checked?: boolean;
+}
+export type SelectItemCheckProps<T extends As = "span"> = Props<SelectItemCheckOptions<T>>;