@ariakit/react-core 0.2.10 → 0.2.12

package/esm/select/select-group-label.js

@@ -1,16 +1,16 @@
 import {
   useCompositeGroupLabel
-} from "../__chunks/N2JKXTRW.js";
-import "../__chunks/P3IT4SS7.js";
+} from "../__chunks/6FRHNZA6.js";
+import "../__chunks/CTVLGQZG.js";
 import "../__chunks/F5VAC7MB.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
-import "../__chunks/4BKCJXBM.js";
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
 
 // src/select/select-group-label.ts
 var useSelectGroupLabel = createHook(

package/esm/select/select-group.js

@@ -1,16 +1,16 @@
 import {
   useCompositeGroup
-} from "../__chunks/JQVGLAS2.js";
-import "../__chunks/WYH7HZPL.js";
+} from "../__chunks/6FAQA4RZ.js";
+import "../__chunks/2NIRKFVH.js";
 import "../__chunks/F5VAC7MB.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
-import "../__chunks/4BKCJXBM.js";
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
 
 // src/select/select-group.ts
 var useSelectGroup = createHook((props) => {

package/esm/select/select-item-check.js

@@ -1,6 +1,6 @@
 import {
   useCheckboxCheck
-} from "../__chunks/LC6BW35W.js";
+} from "../__chunks/37OBPWF6.js";
 import "../__chunks/M5KYRTQG.js";
 import {
   SelectItemCheckedContext
@@ -9,14 +9,14 @@ import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4BKCJXBM.js";
+} from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-item-check.ts
 import { useContext } from "react";

package/esm/select/select-item.js

@@ -1,37 +1,38 @@
 import {
   useCompositeHover
-} from "../__chunks/VTOOL4S4.js";
+} from "../__chunks/W5P7IKOU.js";
 import {
   SelectContext,
   SelectItemCheckedContext
 } from "../__chunks/EEVSGAZW.js";
 import {
   useCompositeItem
-} from "../__chunks/E32RAHMA.js";
-import "../__chunks/WQIYBPAY.js";
-import "../__chunks/EJLZ2L22.js";
+} from "../__chunks/WFK3YK7D.js";
+import "../__chunks/P4RGQGTG.js";
+import "../__chunks/HGFTMLQ7.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/Z3X3QN6P.js";
-import "../__chunks/YNUPNUID.js";
+import "../__chunks/WJ37OVG2.js";
+import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/7GCARSHZ.js";
-import "../__chunks/USB5JBON.js";
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/FHQZ2KRN.js";
 import {
   useBooleanEvent,
   useEvent,
+  useId,
   useWrapElement
-} from "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
+} from "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4BKCJXBM.js";
+} from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-item.tsx
 import { useCallback, useContext } from "react";
@@ -49,16 +50,6 @@ 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 = createHook(
   (_a) => {
     var _b = _a, {
@@ -85,6 +76,7 @@ var useSelectItem = createHook(
       store,
       process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component"
     );
+    const id = useId(props.id);
     const disabled = props.disabled;
     const getItem = useCallback(
       (item) => {
@@ -135,15 +127,24 @@ var useSelectItem = createHook(
       [selected]
     );
     const contentElement = store.useState("contentElement");
-    const autoFocus = store.useState(
-      (state) => shouldAutoFocus(state.value, value)
-    );
+    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 = __spreadProps(__spreadValues({
+      id,
       role: getPopupItemRole(contentElement),
       "aria-selected": selected,
       children: value
     }, props), {
-      // TODO: Take autoFocusOnShow prop into account.
       autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
       onClick
     });

package/esm/select/select-label.js

@@ -2,18 +2,18 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/7GCARSHZ.js";
+} from "../__chunks/NQJBHION.js";
 import {
   useEvent,
   useId,
   useMergeRefs
-} from "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
+} from "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4BKCJXBM.js";
+} from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-label.ts
 var useSelectLabel = createHook(

package/esm/select/select-list.js

@@ -1,19 +1,19 @@
 import {
   SelectList,
   useSelectList
-} from "../__chunks/3NSZ5Q7K.js";
-import "../__chunks/ZSRI7KJ2.js";
+} from "../__chunks/X3U3KZAU.js";
+import "../__chunks/F4XABKPL.js";
 import "../__chunks/EEVSGAZW.js";
-import "../__chunks/ZZBJOUY4.js";
+import "../__chunks/AAVDGJD5.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/Z3X3QN6P.js";
-import "../__chunks/WFPVIVLA.js";
-import "../__chunks/YNUPNUID.js";
+import "../__chunks/WJ37OVG2.js";
+import "../__chunks/WHEEIXMF.js";
+import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
-import "../__chunks/4BKCJXBM.js";
+import "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
 export {
   SelectList,
   useSelectList

package/esm/select/select-popover.js

@@ -1,55 +1,55 @@
 import {
   useSelectList
-} from "../__chunks/3NSZ5Q7K.js";
-import "../__chunks/ZSRI7KJ2.js";
+} from "../__chunks/X3U3KZAU.js";
+import "../__chunks/F4XABKPL.js";
 import "../__chunks/EEVSGAZW.js";
-import "../__chunks/ZZBJOUY4.js";
+import "../__chunks/AAVDGJD5.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/Z3X3QN6P.js";
+import "../__chunks/WJ37OVG2.js";
 import {
   usePopover
-} from "../__chunks/XJM2RD5W.js";
-import "../__chunks/XECTFJQS.js";
-import "../__chunks/LIFXUQPU.js";
-import "../__chunks/QLHUIPVK.js";
+} from "../__chunks/SAES3ZFU.js";
+import "../__chunks/DTAO6DRL.js";
+import "../__chunks/53MSBYTF.js";
+import "../__chunks/AR6DTI3S.js";
 import "../__chunks/CYJJUQU3.js";
-import "../__chunks/RU5SBKR3.js";
-import "../__chunks/J4BKICPJ.js";
-import "../__chunks/VV72RDTD.js";
+import "../__chunks/3LAWLNOX.js";
+import "../__chunks/CJI67A3R.js";
+import "../__chunks/OEA63YXU.js";
+import "../__chunks/4XWTU3WN.js";
+import "../__chunks/HCZMY53N.js";
+import "../__chunks/IXXFVVA2.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/KOVUJERF.js";
 import "../__chunks/62DFK33R.js";
-import "../__chunks/HCZMY53N.js";
-import "../__chunks/IXXFVVA2.js";
 import "../__chunks/FW6QFGFT.js";
-import "../__chunks/GKH7N3JM.js";
+import "../__chunks/IYNN2ZO5.js";
 import "../__chunks/FV23EKJL.js";
-import "../__chunks/PYB45PRS.js";
 import "../__chunks/6OMX4H3W.js";
-import "../__chunks/ENZR4N3P.js";
-import "../__chunks/B2QL7O62.js";
+import "../__chunks/LL3AE4N4.js";
+import "../__chunks/EJ3GIT5B.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
-import "../__chunks/TZIIKRHF.js";
-import "../__chunks/WFPVIVLA.js";
+import "../__chunks/4PKIGBPJ.js";
+import "../__chunks/WHEEIXMF.js";
 import "../__chunks/6GS36SYX.js";
-import "../__chunks/YNUPNUID.js";
+import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/K4NEG23J.js";
+import "../__chunks/FL2AU7YJ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/7GCARSHZ.js";
-import "../__chunks/2XOPWNSQ.js";
-import "../__chunks/USB5JBON.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/54LBRJ55.js";
+import "../__chunks/FHQZ2KRN.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import {
   __objRest,
   __spreadValues
-} from "../__chunks/4BKCJXBM.js";
+} from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-popover.ts
 var useSelectPopover = createHook(

package/esm/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/esm/select/select-renderer.js

@@ -0,0 +1,110 @@
+import {
+  useCompositeRenderer
+} from "../__chunks/TLXPUO3M.js";
+import {
+  getCollectionRendererItem,
+  getCollectionRendererItemId
+} from "../__chunks/PE45DLWW.js";
+import {
+  SelectContext
+} from "../__chunks/EEVSGAZW.js";
+import "../__chunks/T3DJZG63.js";
+import "../__chunks/WJ37OVG2.js";
+import {
+  createElement,
+  forwardRef
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/FHQZ2KRN.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/PNRLI7OV.js";
+
+// src/select/select-renderer.tsx
+import { useContext, useMemo } from "react";
+import { toArray } from "@ariakit/core/utils/array";
+import { invariant } from "@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 = toArray(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 = __objRest(_b, [
+    "store",
+    "orientation",
+    "persistentIndices"
+  ]);
+  const context = useContext(SelectContext);
+  store = store || context;
+  invariant(
+    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 = useMemo(() => {
+    if (!items)
+      return [];
+    if (value == null)
+      return [];
+    if (typeof items === "number")
+      return [];
+    if (!items.length)
+      return [];
+    return findIndicesByValue(items, value);
+  }, [items, value]);
+  const persistentIndices = useMemo(() => {
+    if (persistentIndicesProp) {
+      return [...persistentIndicesProp, ...valueIndices];
+    }
+    return valueIndices;
+  }, [valueIndices, persistentIndicesProp]);
+  return useCompositeRenderer(__spreadProps(__spreadValues({
+    store,
+    persistentIndices
+  }, props), {
+    items
+  }));
+}
+var SelectRenderer = forwardRef(function SelectRenderer2(props) {
+  const htmlProps = useSelectRenderer(props);
+  return createElement("div", htmlProps);
+});
+export {
+  SelectRenderer,
+  getCollectionRendererItem as getSelectRendererItem,
+  getCollectionRendererItemId as getSelectRendererItemId
+};

package/esm/select/select-row.js

@@ -1,21 +1,21 @@
 import {
   useCompositeRow
-} from "../__chunks/UGE3SLMW.js";
+} from "../__chunks/HIJMOAZK.js";
 import {
   SelectContext
 } from "../__chunks/EEVSGAZW.js";
-import "../__chunks/Z3X3QN6P.js";
+import "../__chunks/WJ37OVG2.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import {
   __objRest,
   __spreadValues
-} from "../__chunks/4BKCJXBM.js";
+} from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-row.ts
 import { useContext } from "react";

package/esm/select/select-separator.js

@@ -1,16 +1,16 @@
 import {
   useCompositeSeparator
-} from "../__chunks/FK3LYGHG.js";
-import "../__chunks/QLHYK3GC.js";
-import "../__chunks/Z3X3QN6P.js";
+} from "../__chunks/RY6ZOIHR.js";
+import "../__chunks/D3IXN5NP.js";
+import "../__chunks/WJ37OVG2.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
-import "../__chunks/4BKCJXBM.js";
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
 
 // src/select/select-separator.ts
 var useSelectSeparator = createHook(

package/esm/select/select-store.js

@@ -1,23 +1,23 @@
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/ACET4OGQ.js";
-import "../__chunks/KQUSQ6BH.js";
+} from "../__chunks/OK4RCQBZ.js";
+import "../__chunks/6DS7ZDWX.js";
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/ZTW46EPJ.js";
-import "../__chunks/TWSODZ43.js";
-import "../__chunks/2XOPWNSQ.js";
+} from "../__chunks/5QJYOWLQ.js";
+import "../__chunks/TALTYI5G.js";
+import "../__chunks/54LBRJ55.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/USB5JBON.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
+} from "../__chunks/FHQZ2KRN.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import {
   __spreadValues
-} from "../__chunks/4BKCJXBM.js";
+} from "../__chunks/PNRLI7OV.js";
 
 // src/select/select-store.ts
 import * as Core from "@ariakit/core/select/select-store";

package/esm/select/select.js

@@ -1,43 +1,43 @@
 import {
   usePopoverDisclosure
-} from "../__chunks/77C2ITJF.js";
-import "../__chunks/KF3PP2P3.js";
-import "../__chunks/OTMCQXXR.js";
-import "../__chunks/5NQLWI7E.js";
-import "../__chunks/EUD77B6Z.js";
+} from "../__chunks/BO7WPTZZ.js";
+import "../__chunks/5I6BQS7D.js";
+import "../__chunks/LDJKN2ZV.js";
+import "../__chunks/O6CV6VRM.js";
+import "../__chunks/7PHM3O7I.js";
 import {
   SelectArrow
-} from "../__chunks/Y72RMTFY.js";
-import "../__chunks/WMY7U3GW.js";
+} from "../__chunks/AUUE7U2H.js";
+import "../__chunks/LVMO37QD.js";
 import {
   useCompositeTypeahead
-} from "../__chunks/ZSRI7KJ2.js";
+} from "../__chunks/F4XABKPL.js";
 import {
   SelectContext
 } from "../__chunks/EEVSGAZW.js";
-import "../__chunks/WQIYBPAY.js";
+import "../__chunks/P4RGQGTG.js";
 import "../__chunks/OXPV2NBK.js";
-import "../__chunks/Z3X3QN6P.js";
+import "../__chunks/WJ37OVG2.js";
 import "../__chunks/6GS36SYX.js";
-import "../__chunks/YNUPNUID.js";
+import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "../__chunks/7GCARSHZ.js";
+} from "../__chunks/NQJBHION.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useWrapElement
-} from "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
+} from "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4BKCJXBM.js";
+} from "../__chunks/PNRLI7OV.js";
 
 // src/select/select.tsx
 import { useEffect, useMemo, useRef, useState } from "react";

package/esm/separator/separator.js

@@ -1,11 +1,11 @@
 import {
   Separator,
   useSeparator
-} from "../__chunks/QLHYK3GC.js";
-import "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
-import "../__chunks/4BKCJXBM.js";
+} from "../__chunks/D3IXN5NP.js";
+import "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
 export {
   Separator,
   useSeparator

package/esm/tab/tab-context.js

@@ -1,7 +1,7 @@
 import {
   TabContext
 } from "../__chunks/UZKBEGMB.js";
-import "../__chunks/4BKCJXBM.js";
+import "../__chunks/PNRLI7OV.js";
 export {
   TabContext
 };