@ariakit/react-core 0.2.9 → 0.2.11

package/cjs/select/select-item.cjs

@@ -1,37 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _N6LDQVMCcjs = require('../__chunks/N6LDQVMC.cjs');
+var _WWIZUBSBcjs = require('../__chunks/WWIZUBSB.cjs');
 
 
 
 var _RCGSDYWJcjs = require('../__chunks/RCGSDYWJ.cjs');
 
 
-var _6GU25WKLcjs = require('../__chunks/6GU25WKL.cjs');
-require('../__chunks/6WLP7YXF.cjs');
-require('../__chunks/VQHQDEFP.cjs');
+var _ZALBSXHWcjs = require('../__chunks/ZALBSXHW.cjs');
+require('../__chunks/OSQTQ6OF.cjs');
+require('../__chunks/SIVNE3PR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/NVMBKFRB.cjs');
-require('../__chunks/FIEVSSEV.cjs');
+require('../__chunks/5VOPA6D3.cjs');
+require('../__chunks/I4JDDV3V.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
-require('../__chunks/C5W4YO2W.cjs');
+var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/BEGWNNXK.cjs');
 
 
 
 
-var _FHX4GO67cjs = require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
 
+var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
 
 
 
-var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
+var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/select/select-item.tsx
 var _react = require('react');
@@ -49,17 +50,7 @@ function isSelected(storeValue, itemValue) {
   }
   return storeValue === itemValue;
 }
-function shouldAutoFocus(storeValue, itemValue) {
-  if (storeValue == null)
-    return false;
-  if (itemValue == null)
-    return false;
-  if (Array.isArray(storeValue)) {
-    return storeValue[storeValue.length - 1] === itemValue;
-  }
-  return storeValue === itemValue;
-}
-var useSelectItem = _O3Z4C76Tcjs.createHook.call(void 0, 
+var useSelectItem = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -69,7 +60,7 @@ var useSelectItem = _O3Z4C76Tcjs.createHook.call(void 0,
       setValueOnClick = value != null,
       preventScrollOnKeyDown = true,
       focusOnHover = true
-    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
       "store",
       "value",
       "getItem",
@@ -85,10 +76,11 @@ var useSelectItem = _O3Z4C76Tcjs.createHook.call(void 0,
       store,
       process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component"
     );
+    const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
     const disabled = props.disabled;
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
-        const nextItem = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, item), {
+        const nextItem = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, item), {
           value: disabled ? void 0 : value,
           children: value
         });
@@ -104,9 +96,9 @@ var useSelectItem = _O3Z4C76Tcjs.createHook.call(void 0,
     );
     hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
     const onClickProp = props.onClick;
-    const setValueOnClickProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, setValueOnClick);
-    const hideOnClickProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, hideOnClick);
-    const onClick = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const setValueOnClickProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, setValueOnClick);
+    const hideOnClickProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, hideOnClick);
+    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -129,31 +121,40 @@ var useSelectItem = _O3Z4C76Tcjs.createHook.call(void 0,
       }
     });
     const selected = store.useState((state) => isSelected(state.value, value));
-    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
+    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RCGSDYWJcjs.SelectItemCheckedContext.Provider, { value: selected, children: element }),
       [selected]
     );
     const contentElement = store.useState("contentElement");
-    const autoFocus = store.useState(
-      (state) => shouldAutoFocus(state.value, value)
-    );
-    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    const autoFocus = store.useState((state) => {
+      if (state.activeId !== id && (store == null ? void 0 : store.item(state.activeId)))
+        return false;
+      if (state.value == null)
+        return false;
+      if (value == null)
+        return false;
+      if (Array.isArray(state.value)) {
+        return state.value[state.value.length - 1] === value;
+      }
+      return state.value === value;
+    });
+    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+      id,
       role: _dom.getPopupItemRole.call(void 0, contentElement),
       "aria-selected": selected,
       children: value
     }, props), {
-      // TODO: Take autoFocusOnShow prop into account.
       autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
       onClick
     });
-    props = _6GU25WKLcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _ZALBSXHWcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       getItem,
       preventScrollOnKeyDown
     }, props));
-    const focusOnHoverProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, focusOnHover);
-    props = _N6LDQVMCcjs.useCompositeHover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    const focusOnHoverProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, focusOnHover);
+    props = _WWIZUBSBcjs.useCompositeHover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       // We have to disable focusOnHover when the popup is closed, otherwise
@@ -169,9 +170,9 @@ var useSelectItem = _O3Z4C76Tcjs.createHook.call(void 0,
     return props;
   }
 );
-var SelectItem = _O3Z4C76Tcjs.createMemoComponent.call(void 0, (props) => {
+var SelectItem = _CWY2PHPRcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useSelectItem(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
+  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectItem.displayName = "SelectItem";

package/cjs/select/select-label.cjs

@@ -2,26 +2,26 @@
 
 
 
-var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
+var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
 
 
 
 
-var _FHX4GO67cjs = require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
+var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
 
 
 
 
-var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/select/select-label.ts
-var useSelectLabel = _O3Z4C76Tcjs.createHook.call(void 0, 
+var useSelectLabel = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
+    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
     const onClickProp = props.onClick;
-    const onClick = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -31,21 +31,21 @@ var useSelectLabel = _O3Z4C76Tcjs.createHook.call(void 0,
         select == null ? void 0 : select.click();
       });
     });
-    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       id
     }, props), {
-      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref),
+      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref),
       onClick,
-      style: _6455U47Tcjs.__spreadValues.call(void 0, {
+      style: _72I2GWXFcjs.__spreadValues.call(void 0, {
         cursor: "default"
       }, props.style)
     });
     return props;
   }
 );
-var SelectLabel = _O3Z4C76Tcjs.createMemoComponent.call(void 0, (props) => {
+var SelectLabel = _CWY2PHPRcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useSelectLabel(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
+  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectLabel.displayName = "SelectLabel";

package/cjs/select/select-list.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _OZQD6TLQcjs = require('../__chunks/OZQD6TLQ.cjs');
-require('../__chunks/TO7FN64N.cjs');
+var _EQO3IFY4cjs = require('../__chunks/EQO3IFY4.cjs');
+require('../__chunks/Q5EWS32Z.cjs');
 require('../__chunks/RCGSDYWJ.cjs');
-require('../__chunks/I4VW4CPQ.cjs');
+require('../__chunks/A764D2YK.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/NVMBKFRB.cjs');
-require('../__chunks/RQ3E2DZB.cjs');
-require('../__chunks/FIEVSSEV.cjs');
+require('../__chunks/5VOPA6D3.cjs');
+require('../__chunks/SZTCN3SG.cjs');
+require('../__chunks/I4JDDV3V.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/O3Z4C76T.cjs');
-require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
-require('../__chunks/6455U47T.cjs');
+require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.SelectList = _OZQD6TLQcjs.SelectList; exports.useSelectList = _OZQD6TLQcjs.useSelectList;
+exports.SelectList = _EQO3IFY4cjs.SelectList; exports.useSelectList = _EQO3IFY4cjs.useSelectList;

package/cjs/select/select-popover.cjs

@@ -1,68 +1,68 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OZQD6TLQcjs = require('../__chunks/OZQD6TLQ.cjs');
-require('../__chunks/TO7FN64N.cjs');
+var _EQO3IFY4cjs = require('../__chunks/EQO3IFY4.cjs');
+require('../__chunks/Q5EWS32Z.cjs');
 require('../__chunks/RCGSDYWJ.cjs');
-require('../__chunks/I4VW4CPQ.cjs');
+require('../__chunks/A764D2YK.cjs');
 require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/NVMBKFRB.cjs');
+require('../__chunks/5VOPA6D3.cjs');
 
 
-var _ZEDBIWF2cjs = require('../__chunks/ZEDBIWF2.cjs');
-require('../__chunks/PZBTPQEZ.cjs');
-require('../__chunks/DFJJN2WM.cjs');
-require('../__chunks/S2VSVWFY.cjs');
+var _P3RGUF6Xcjs = require('../__chunks/P3RGUF6X.cjs');
+require('../__chunks/JNS4G3MN.cjs');
+require('../__chunks/MAD3AOPL.cjs');
+require('../__chunks/ZWMVFMQY.cjs');
 require('../__chunks/O22LNQHS.cjs');
-require('../__chunks/GQUXK6V2.cjs');
-require('../__chunks/WZI5KRRI.cjs');
-require('../__chunks/HTXMZNNP.cjs');
+require('../__chunks/F4UT5TWU.cjs');
+require('../__chunks/ELOQI33M.cjs');
+require('../__chunks/XE2DJMCI.cjs');
+require('../__chunks/HUVFPCMZ.cjs');
+require('../__chunks/FSADYSOP.cjs');
+require('../__chunks/Z3TLXRS7.cjs');
 require('../__chunks/X2GXTE3P.cjs');
 require('../__chunks/56NPFF7P.cjs');
 require('../__chunks/W32FX7DM.cjs');
-require('../__chunks/FSADYSOP.cjs');
-require('../__chunks/Z3TLXRS7.cjs');
 require('../__chunks/BWQVQDGC.cjs');
-require('../__chunks/GXCVLZ7W.cjs');
+require('../__chunks/G6F4DPHM.cjs');
 require('../__chunks/TFOIZV2V.cjs');
-require('../__chunks/4CQBSK3W.cjs');
 require('../__chunks/SOPRUU56.cjs');
-require('../__chunks/UNFAA7SH.cjs');
-require('../__chunks/4AQRNZQ7.cjs');
+require('../__chunks/YPXV3X22.cjs');
+require('../__chunks/RXCUKHX3.cjs');
 require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/N2VCZZLP.cjs');
-require('../__chunks/7KKRNI4T.cjs');
-require('../__chunks/RQ3E2DZB.cjs');
+require('../__chunks/RA27OSF6.cjs');
+require('../__chunks/SZTCN3SG.cjs');
 require('../__chunks/W5PBA4D6.cjs');
-require('../__chunks/FIEVSSEV.cjs');
+require('../__chunks/I4JDDV3V.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/ZKPH2VTW.cjs');
+require('../__chunks/QR3ATHWU.cjs');
 
 
 
 
-var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
-require('../__chunks/NAE74ZUF.cjs');
-require('../__chunks/C5W4YO2W.cjs');
-require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
+var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/DGSPHMOA.cjs');
+require('../__chunks/BEGWNNXK.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
 
 
 
-var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/select/select-popover.ts
-var useSelectPopover = _O3Z4C76Tcjs.createHook.call(void 0, 
+var useSelectPopover = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, alwaysVisible } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
-    props = _OZQD6TLQcjs.useSelectList.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _ZEDBIWF2cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    var _b = _a, { store, alwaysVisible } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
+    props = _EQO3IFY4cjs.useSelectList.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
+    props = _P3RGUF6Xcjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
     return props;
   }
 );
-var SelectPopover = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
+var SelectPopover = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectPopover(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
+  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectPopover.displayName = "SelectPopover";

package/cjs/select/select-renderer.cjs

@@ -0,0 +1,110 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _6OTNLVJIcjs = require('../__chunks/6OTNLVJI.cjs');
+
+
+
+var _MCXTUISZcjs = require('../__chunks/MCXTUISZ.cjs');
+
+
+var _RCGSDYWJcjs = require('../__chunks/RCGSDYWJ.cjs');
+require('../__chunks/ZQAFJQIS.cjs');
+require('../__chunks/5VOPA6D3.cjs');
+
+
+
+var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/BEGWNNXK.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+
+
+
+
+var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+// src/select/select-renderer.tsx
+var _react = require('react');
+var _array = require('@ariakit/core/utils/array');
+var _misc = require('@ariakit/core/utils/misc');
+function getItemObject(item) {
+  if (!item || typeof item !== "object") {
+    return { value: `${item}` };
+  }
+  return item;
+}
+function findIndicesByValue(items, value) {
+  var _a;
+  const values = _array.toArray.call(void 0, value);
+  const indices = [];
+  for (const [index, item] of items.entries()) {
+    if (indices.length === values.length)
+      break;
+    const object = getItemObject(item);
+    if (object.value != null && values.includes(object.value)) {
+      indices.push(index);
+    } else if ((_a = object.items) == null ? void 0 : _a.length) {
+      const childIndices = findIndicesByValue(object.items, value);
+      if (childIndices.length) {
+        indices.push(index);
+      }
+    }
+  }
+  return indices;
+}
+function useSelectRenderer(_a) {
+  var _b = _a, {
+    store,
+    orientation: orientationProp,
+    persistentIndices: persistentIndicesProp
+  } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    "store",
+    "orientation",
+    "persistentIndices"
+  ]);
+  const context = _react.useContext.call(void 0, _RCGSDYWJcjs.SelectContext);
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "SelectRenderer must be wrapped in a SelectPopover or SelectList component"
+  );
+  const items = store.useState(
+    (state) => {
+      var _a2;
+      return state.mounted ? (_a2 = props.items) != null ? _a2 : state.items : 0;
+    }
+  );
+  const value = store.useState("value");
+  const valueIndices = _react.useMemo.call(void 0, () => {
+    if (!items)
+      return [];
+    if (value == null)
+      return [];
+    if (typeof items === "number")
+      return [];
+    if (!items.length)
+      return [];
+    return findIndicesByValue(items, value);
+  }, [items, value]);
+  const persistentIndices = _react.useMemo.call(void 0, () => {
+    if (persistentIndicesProp) {
+      return [...persistentIndicesProp, ...valueIndices];
+    }
+    return valueIndices;
+  }, [valueIndices, persistentIndicesProp]);
+  return _6OTNLVJIcjs.useCompositeRenderer.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    store,
+    persistentIndices
+  }, props), {
+    items
+  }));
+}
+var SelectRenderer = _CWY2PHPRcjs.forwardRef.call(void 0, function SelectRenderer2(props) {
+  const htmlProps = useSelectRenderer(props);
+  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+});
+
+
+
+
+exports.SelectRenderer = SelectRenderer; exports.getSelectRendererItem = _MCXTUISZcjs.getCollectionRendererItem; exports.getSelectRendererItemId = _MCXTUISZcjs.getCollectionRendererItemId;

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

@@ -0,0 +1,32 @@
+import type { ComponentPropsWithRef } from "react";
+import { getCompositeRendererItem, getCompositeRendererItemId } from "../composite/composite-renderer.js";
+import type { CompositeRendererBaseItemProps, CompositeRendererItem, CompositeRendererItemObject, CompositeRendererItemProps, CompositeRendererOptions } from "../composite/composite-renderer.js";
+import type { SelectStore } from "./select-store.js";
+interface ItemObject extends CompositeRendererItemObject {
+    value?: string;
+}
+type Item = ItemObject | CompositeRendererItem;
+type BaseItemProps = CompositeRendererBaseItemProps;
+type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = CompositeRendererItemProps<T, P>;
+export declare const SelectRenderer: <T extends Item = any>(props: SelectRendererProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export { getCompositeRendererItem as getSelectRendererItem, getCompositeRendererItemId as getSelectRendererItemId, };
+export type SelectRendererItemObject = ItemObject;
+export type SelectRendererItem = Item;
+export type SelectRendererBaseItemProps = BaseItemProps;
+export type SelectRendererItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = ItemProps<T, P>;
+export interface SelectRendererOptions<T extends Item = any> extends Omit<CompositeRendererOptions<T>, "store"> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent [Select](https://ariakit.org/components/select)
+     * component's context will be used.
+     *
+     * The store [`items`](https://ariakit.org/reference/use-select-store#items)
+     * state will be used to render the items if the
+     * [`items`](https://ariakit.org/reference/select-items#items) prop is not
+     * provided.
+     */
+    store?: SelectStore & CompositeRendererOptions["store"];
+}
+export interface SelectRendererProps<T extends Item = any> extends Omit<ComponentPropsWithRef<"div">, "children">, SelectRendererOptions<T> {
+}

package/cjs/select/select-row.cjs

@@ -1,29 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _SG4GNYMDcjs = require('../__chunks/SG4GNYMD.cjs');
+var _VWNFXJXNcjs = require('../__chunks/VWNFXJXN.cjs');
 
 
 var _RCGSDYWJcjs = require('../__chunks/RCGSDYWJ.cjs');
-require('../__chunks/NVMBKFRB.cjs');
+require('../__chunks/5VOPA6D3.cjs');
 
 
 
 
-var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
-require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
+var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
 
 
 
-var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/select/select-row.ts
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
-var useSelectRow = _O3Z4C76Tcjs.createHook.call(void 0, 
+var useSelectRow = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
+    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _react.useContext.call(void 0, _RCGSDYWJcjs.SelectContext);
     store = store || context;
     _misc.invariant.call(void 0, 
@@ -33,14 +33,14 @@ var useSelectRow = _O3Z4C76Tcjs.createHook.call(void 0,
     const contentElement = store.useState("contentElement");
     const popupRole = _dom.getPopupRole.call(void 0, contentElement);
     const role = popupRole === "grid" ? "row" : "presentation";
-    props = _6455U47Tcjs.__spreadValues.call(void 0, { role }, props);
-    props = _SG4GNYMDcjs.useCompositeRow.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _72I2GWXFcjs.__spreadValues.call(void 0, { role }, props);
+    props = _VWNFXJXNcjs.useCompositeRow.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var SelectRow = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
+var SelectRow = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectRow(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
+  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectRow.displayName = "SelectRow";

package/cjs/select/select-separator.cjs

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _VBCPMROZcjs = require('../__chunks/VBCPMROZ.cjs');
-require('../__chunks/V4OMCLAW.cjs');
-require('../__chunks/NVMBKFRB.cjs');
+var _ESIBWLXMcjs = require('../__chunks/ESIBWLXM.cjs');
+require('../__chunks/BQZLBPPT.cjs');
+require('../__chunks/5VOPA6D3.cjs');
 
 
 
 
-var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
-require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
-require('../__chunks/6455U47T.cjs');
+var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
 
 // src/select/select-separator.ts
-var useSelectSeparator = _O3Z4C76Tcjs.createHook.call(void 0, 
+var useSelectSeparator = _CWY2PHPRcjs.createHook.call(void 0, 
   (props) => {
-    props = _VBCPMROZcjs.useCompositeSeparator.call(void 0, props);
+    props = _ESIBWLXMcjs.useCompositeSeparator.call(void 0, props);
     return props;
   }
 );
-var SelectSeparator = _O3Z4C76Tcjs.createComponent.call(void 0, 
+var SelectSeparator = _CWY2PHPRcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useSelectSeparator(props);
-    return _O3Z4C76Tcjs.createElement.call(void 0, "hr", htmlProps);
+    return _CWY2PHPRcjs.createElement.call(void 0, "hr", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {