@ariakit/react-core 0.2.12 → 0.2.14

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

@@ -1,7 +1,7 @@
 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";
+import type { SelectStore, SelectStoreValue } from "./select-store.js";
 interface ItemObject extends CompositeRendererItemObject {
     value?: string;
 }
@@ -26,7 +26,14 @@ export interface SelectRendererOptions<T extends Item = any> extends Omit<Compos
      * [`items`](https://ariakit.org/reference/select-items#items) prop is not
      * provided.
      */
-    store?: SelectStore & CompositeRendererOptions["store"];
+    store?: SelectStore;
+    /**
+     * The current value of the select. This will ensure the item with the given
+     * value is rendered even if it's not in the viewport, so it can be
+     * automatically focused when the select popover is opened. If not provided,
+     * the value will be read from the store.
+     */
+    value?: SelectStoreValue;
 }
 export interface SelectRendererProps<T extends Item = any> extends Omit<ComponentPropsWithRef<"div">, "children">, SelectRendererOptions<T> {
 }

package/esm/select/select-renderer.js

@@ -1,10 +1,10 @@
 import {
   useCompositeRenderer
-} from "../__chunks/TLXPUO3M.js";
+} from "../__chunks/F6KX6FT7.js";
 import {
   getCollectionRendererItem,
   getCollectionRendererItemId
-} from "../__chunks/PE45DLWW.js";
+} from "../__chunks/6RR2HJXR.js";
 import {
   SelectContext
 } from "../__chunks/EEVSGAZW.js";
@@ -14,19 +14,19 @@ import {
   createElement,
   forwardRef
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/FHQZ2KRN.js";
+import {
+  useStoreState
+} from "../__chunks/OOWNFOTF.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}` };
@@ -56,25 +56,24 @@ function useSelectRenderer(_a) {
   var _b = _a, {
     store,
     orientation: orientationProp,
-    persistentIndices: persistentIndicesProp
+    persistentIndices: persistentIndicesProp,
+    items: itemsProp,
+    value: valueProp
   } = _b, props = __objRest(_b, [
     "store",
     "orientation",
-    "persistentIndices"
+    "persistentIndices",
+    "items",
+    "value"
   ]);
+  var _a2, _b2;
   const context = useContext(SelectContext);
   store = store || context;
-  invariant(
+  const items = (_a2 = useStoreState(
     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");
+    (state) => state.mounted ? itemsProp != null ? itemsProp : state.items : 0
+  )) != null ? _a2 : itemsProp;
+  const value = (_b2 = useStoreState(store, (state) => valueProp != null ? valueProp : state.value)) != null ? _b2 : valueProp;
   const valueIndices = useMemo(() => {
     if (!items)
       return [];
@@ -92,12 +91,11 @@ function useSelectRenderer(_a) {
     }
     return valueIndices;
   }, [valueIndices, persistentIndicesProp]);
-  return useCompositeRenderer(__spreadProps(__spreadValues({
+  return useCompositeRenderer(__spreadValues({
     store,
+    items,
     persistentIndices
-  }, props), {
-    items
-  }));
+  }, props));
 }
 var SelectRenderer = forwardRef(function SelectRenderer2(props) {
   const htmlProps = useSelectRenderer(props);

package/esm/select/select-store.js

@@ -1,18 +1,18 @@
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/OK4RCQBZ.js";
-import "../__chunks/6DS7ZDWX.js";
+} from "../__chunks/5PLAJI33.js";
+import "../__chunks/WKNTOKYS.js";
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/5QJYOWLQ.js";
-import "../__chunks/TALTYI5G.js";
-import "../__chunks/54LBRJ55.js";
+} from "../__chunks/6RGH36XF.js";
+import "../__chunks/LUUMYNYQ.js";
+import "../__chunks/WVP274TO.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/FHQZ2KRN.js";
+} from "../__chunks/OOWNFOTF.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/tab/tab-panel.js

@@ -16,8 +16,8 @@ import {
 } from "../__chunks/NQJBHION.js";
 import {
   useDisclosureStore
-} from "../__chunks/54LBRJ55.js";
-import "../__chunks/FHQZ2KRN.js";
+} from "../__chunks/WVP274TO.js";
+import "../__chunks/OOWNFOTF.js";
 import {
   useId,
   useMergeRefs

package/esm/tab/tab-store.js

@@ -1,12 +1,12 @@
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/OK4RCQBZ.js";
-import "../__chunks/6DS7ZDWX.js";
+} from "../__chunks/5PLAJI33.js";
+import "../__chunks/WKNTOKYS.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/FHQZ2KRN.js";
+} from "../__chunks/OOWNFOTF.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/tab/tab.js

@@ -3,7 +3,7 @@ import {
 } from "../__chunks/UZKBEGMB.js";
 import {
   useCompositeItem
-} from "../__chunks/WFK3YK7D.js";
+} from "../__chunks/DCG3EYDE.js";
 import "../__chunks/P4RGQGTG.js";
 import "../__chunks/HGFTMLQ7.js";
 import "../__chunks/T3DJZG63.js";
@@ -16,7 +16,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/FHQZ2KRN.js";
+import "../__chunks/OOWNFOTF.js";
 import {
   useEvent,
   useId

package/esm/toolbar/toolbar-container.js

@@ -1,10 +1,10 @@
 import {
   useCompositeContainer
-} from "../__chunks/YUYDGNXZ.js";
+} from "../__chunks/VKYM5S67.js";
 import {
   useToolbarItem
-} from "../__chunks/6YH4Z35H.js";
-import "../__chunks/WFK3YK7D.js";
+} from "../__chunks/HCTED3MY.js";
+import "../__chunks/DCG3EYDE.js";
 import "../__chunks/P4RGQGTG.js";
 import "../__chunks/HGFTMLQ7.js";
 import "../__chunks/T3DJZG63.js";
@@ -17,7 +17,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/FHQZ2KRN.js";
+import "../__chunks/OOWNFOTF.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/toolbar/toolbar-input.js

@@ -3,8 +3,8 @@ import {
 } from "../__chunks/43VDSLJP.js";
 import {
   useToolbarItem
-} from "../__chunks/6YH4Z35H.js";
-import "../__chunks/WFK3YK7D.js";
+} from "../__chunks/HCTED3MY.js";
+import "../__chunks/DCG3EYDE.js";
 import "../__chunks/P4RGQGTG.js";
 import "../__chunks/HGFTMLQ7.js";
 import "../__chunks/T3DJZG63.js";
@@ -17,7 +17,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/FHQZ2KRN.js";
+import "../__chunks/OOWNFOTF.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/toolbar/toolbar-item.js

@@ -1,8 +1,8 @@
 import {
   ToolbarItem,
   useToolbarItem
-} from "../__chunks/6YH4Z35H.js";
-import "../__chunks/WFK3YK7D.js";
+} from "../__chunks/HCTED3MY.js";
+import "../__chunks/DCG3EYDE.js";
 import "../__chunks/P4RGQGTG.js";
 import "../__chunks/HGFTMLQ7.js";
 import "../__chunks/T3DJZG63.js";
@@ -11,7 +11,7 @@ import "../__chunks/WJ37OVG2.js";
 import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/NQJBHION.js";
-import "../__chunks/FHQZ2KRN.js";
+import "../__chunks/OOWNFOTF.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/toolbar/toolbar-store.js

@@ -1,11 +1,11 @@
 import {
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/OK4RCQBZ.js";
-import "../__chunks/6DS7ZDWX.js";
+} from "../__chunks/5PLAJI33.js";
+import "../__chunks/WKNTOKYS.js";
 import {
   useStore
-} from "../__chunks/FHQZ2KRN.js";
+} from "../__chunks/OOWNFOTF.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/tooltip/tooltip-store.js

@@ -1,14 +1,14 @@
 import {
   useHovercardStoreOptions,
   useHovercardStoreProps
-} from "../__chunks/JFHRFFJJ.js";
-import "../__chunks/5QJYOWLQ.js";
-import "../__chunks/TALTYI5G.js";
-import "../__chunks/54LBRJ55.js";
+} from "../__chunks/C2N5FZMW.js";
+import "../__chunks/6RGH36XF.js";
+import "../__chunks/LUUMYNYQ.js";
+import "../__chunks/WVP274TO.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/FHQZ2KRN.js";
+} from "../__chunks/OOWNFOTF.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/tooltip/tooltip.js

@@ -1,10 +1,10 @@
 import {
   useHovercard
-} from "../__chunks/BB7NHN6A.js";
+} from "../__chunks/RH5PYIJN.js";
 import "../__chunks/X7FKJQME.js";
-import "../__chunks/SAES3ZFU.js";
-import "../__chunks/DTAO6DRL.js";
-import "../__chunks/53MSBYTF.js";
+import "../__chunks/DIA4OBYO.js";
+import "../__chunks/GADPWICI.js";
+import "../__chunks/7J6H5Y2H.js";
 import "../__chunks/AR6DTI3S.js";
 import "../__chunks/CYJJUQU3.js";
 import "../__chunks/3LAWLNOX.js";
@@ -25,7 +25,7 @@ import "../__chunks/EJ3GIT5B.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
-import "../__chunks/4PKIGBPJ.js";
+import "../__chunks/M5I7AM4N.js";
 import "../__chunks/WHEEIXMF.js";
 import "../__chunks/6GS36SYX.js";
 import {
@@ -39,8 +39,8 @@ import {
   createElement,
   createHook
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/54LBRJ55.js";
-import "../__chunks/FHQZ2KRN.js";
+import "../__chunks/WVP274TO.js";
+import "../__chunks/OOWNFOTF.js";
 import {
   useWrapElement
 } from "../__chunks/J7Q2EO23.js";