@ariakit/react-core 0.4.22 → 0.4.24

package/esm/__chunks/{FMNW3QQI.js → EMWM7HRS.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   Role
-} from "./JG4VNI52.js";
+} from "./PIQ7VIUQ.js";
 import {
   CollectionItem
-} from "./Z2O3VLAQ.js";
+} from "./HFFZYOO5.js";
 import {
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useForceUpdate,
   useId,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/collection/collection-item-offscreen.tsx
 import { invariant } from "@ariakit/core/utils/misc";
@@ -87,6 +87,10 @@ function useCollectionItemOffscreen({ offscreenBehavior = "active", offscreenRoo
       }
       observerRef.current.observe(element);
     },
+    // This callback intentionally depends on `updated` so `forceUpdate()`
+    // causes React to re-run the ref callback when the offscreen root becomes
+    // available.
+    // oxlint-disable-next-line exhaustive-deps
     [updated, offscreenBehavior, offscreenRoot]
   );
   return {

package/esm/__chunks/{GVAFFF2B.js → EV7SAVXM.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useUpdateEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/collection/collection-store.ts
 import * as Core from "@ariakit/core/collection/collection-store";

package/esm/__chunks/{JUZDESDO.js → EZBBDP3V.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useGroupLabel
-} from "./NH3GYEZ7.js";
+} from "./IVFWLL4V.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/composite/composite-group-label.tsx
 var TagName = "div";

package/esm/__chunks/{KPHZR4MB.js → G47ZC7SD.js}

@@ -188,6 +188,7 @@ function useWrapElement(props, callback, deps = []) {
       }
       return callback(element);
     },
+    // oxlint-disable-next-line exhaustive-deps
     [...deps, props.wrapElement]
   );
   return { ...props, wrapElement };
@@ -202,7 +203,7 @@ function useMetadataProps(props, key, value) {
   const parent = props.onLoadedMetadataCapture;
   const onLoadedMetadataCapture = useMemo(() => {
     return Object.assign(() => {
-    }, { ...parent, [key]: value });
+    }, parent, { [key]: value });
   }, [parent, key, value]);
   return [parent == null ? void 0 : parent[key], { onLoadedMetadataCapture }];
 }

package/esm/__chunks/{Z32PU2LQ.js → GKPFMPRM.js}

@@ -1,25 +1,25 @@
 "use client";
 import {
   usePortal
-} from "./VJH3F6TN.js";
+} from "./EKSBXE4P.js";
 import {
   HeadingLevel
 } from "./5M6RIVE2.js";
 import {
   useFocusableContainer
-} from "./3HM4TGWW.js";
+} from "./PONOZD7A.js";
 import {
   prependHiddenDismiss
 } from "./6GXEOXGT.js";
 import {
   useHideOnInteractOutside
-} from "./KKITJVHA.js";
+} from "./YA3YOKXH.js";
 import {
   useNestedDialogs
-} from "./JSI7U3EA.js";
+} from "./YYYHIDZC.js";
 import {
   usePreventBodyScroll
-} from "./B6W4QFKS.js";
+} from "./A4D5O6EK.js";
 import {
   disableTree,
   disableTreeOutside
@@ -29,7 +29,7 @@ import {
 } from "./677M2CI3.js";
 import {
   DialogBackdrop
-} from "./P45QRJLH.js";
+} from "./3BBVQAZ3.js";
 import {
   isElementMarked,
   markTreeOutside
@@ -40,27 +40,27 @@ import {
 import {
   isHidden,
   useDisclosureContent
-} from "./6B3RXHKP.js";
+} from "./BDQ7RGF6.js";
 import {
   useDialogStore
-} from "./4NYSH4UO.js";
+} from "./3MLRVWUK.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./A62MDFCW.js";
+} from "./67C4K2ZC.js";
 import {
   useFocusable
-} from "./U6HHPQDW.js";
+} from "./C7ZLNJMM.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -69,7 +69,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/dialog/dialog.tsx
 import {
@@ -430,13 +430,13 @@ var useDialog = createHook(function useDialog2({
     [store]
   );
   props = {
-    id,
     "data-dialog": "",
     role: "dialog",
     tabIndex: focusable ? -1 : void 0,
     "aria-labelledby": headingId,
     "aria-describedby": descriptionId,
     ...props,
+    id,
     ref: useMergeRefs(ref, props.ref)
   };
   props = useFocusableContainer({

package/esm/__chunks/{EBNR6XRJ.js → GPNK72HC.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./AFNZIDBX.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 
 // src/radio/radio-store.ts
 import * as Core from "@ariakit/core/radio/radio-store";

package/esm/__chunks/{PZ3OL7I2.js → GROIW2U2.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   useFocusable
-} from "./U6HHPQDW.js";
+} from "./C7ZLNJMM.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent,
   useMergeRefs,
   useMetadataProps
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/command/command.tsx
 import { isButton, isTextField } from "@ariakit/core/utils/dom";
@@ -35,7 +35,7 @@ function isNativeClick(event) {
   }
   return false;
 }
-var symbol = Symbol("command");
+var symbol = /* @__PURE__ */ Symbol("command");
 var useCommand = createHook(
   function useCommand2({ clickOnEnter = true, clickOnSpace = true, ...props }) {
     const ref = useRef(null);

package/esm/__chunks/{Z2O3VLAQ.js → HFFZYOO5.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   useCollectionContext
-} from "./SMPCIMZM.js";
+} from "./4ODJH2Y5.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/collection/collection-item.tsx
 import { identity, removeUndefinedValues } from "@ariakit/core/utils/misc";

package/esm/__chunks/{KRCRS7MN.js → HQ7AWW36.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   usePopoverDismiss
-} from "./QSVZ4NTN.js";
+} from "./AJPCB5MS.js";
 import {
   useHovercardScopedContext
-} from "./PTRWAQFT.js";
+} from "./VI2TRTYW.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/hovercard/hovercard-dismiss.tsx
 var TagName = "button";

package/esm/__chunks/{NH3GYEZ7.js → IVFWLL4V.js}

@@ -6,11 +6,11 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/group/group-label.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -25,9 +25,9 @@ var useGroupLabel = createHook(
       return () => setLabelId == null ? void 0 : setLabelId(void 0);
     }, [setLabelId, id]);
     props = {
-      id,
       "aria-hidden": true,
-      ...props
+      ...props,
+      id
     };
     return removeUndefinedValues(props);
   }

package/esm/__chunks/{6H6PBGDB.js → JA345JFY.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./AFNZIDBX.js";
 import {
   useStore
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 
 // src/menubar/menubar-store.ts
 import * as Core from "@ariakit/core/menubar/menubar-store";

package/esm/__chunks/{OJYI6SUJ.js → JLXDN6B2.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useSelectContext
-} from "./AEGCXJZV.js";
+} from "./OFU5CPWY.js";
 import {
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./AFNZIDBX.js";
 import {
   useComboboxContext
-} from "./CVCFNOHX.js";
+} from "./YXOTZ32N.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useUpdateEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/tab/tab-store.ts
 import * as Core from "@ariakit/core/tab/tab-store";

package/esm/__chunks/{O4VW3LHI.js → JQYZPZOZ.js}

@@ -1,19 +1,19 @@
 "use client";
 import {
   useHeading
-} from "./FLYCYZJT.js";
+} from "./VOL6MRTR.js";
 import {
   DialogHeadingContext
-} from "./A62MDFCW.js";
+} from "./67C4K2ZC.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/dialog/dialog-heading.tsx
 import { useContext } from "react";
@@ -27,8 +27,8 @@ var useDialogHeading = createHook(
       return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
     }, [setHeadingId, id]);
     props = {
-      id,
-      ...props
+      ...props,
+      id
     };
     props = useHeading(props);
     return props;

package/esm/__chunks/{PFBP2CY4.js → KM5GWTMX.js}

@@ -3,21 +3,24 @@ import {
   SelectHeadingContext,
   SelectScopedContextProvider,
   useSelectContext
-} from "./AEGCXJZV.js";
+} from "./OFU5CPWY.js";
 import {
   useCompositeTypeahead
-} from "./FORDJ4GP.js";
+} from "./2UJVL4WQ.js";
 import {
   isHidden
-} from "./6B3RXHKP.js";
+} from "./BDQ7RGF6.js";
 import {
   useComposite
-} from "./ZMWF7ASR.js";
+} from "./TQQOMENK.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useAttribute,
   useBooleanEvent,
@@ -26,7 +29,7 @@ import {
   useMergeRefs,
   useTransactionState,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/select/select-list.tsx
 import { isSelfTarget } from "@ariakit/core/utils/events";
@@ -52,10 +55,10 @@ var useSelectList = createHook(
       process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
     );
     const id = useId(props.id);
-    const value = store.useState("value");
+    const value = useStoreState(store, "value");
     const multiSelectable = Array.isArray(value);
     const [defaultValue, setDefaultValue] = useState(value);
-    const mounted = store.useState("mounted");
+    const mounted = useStoreState(store, "mounted");
     useEffect(() => {
       if (mounted) return;
       setDefaultValue(value);
@@ -82,7 +85,7 @@ var useSelectList = createHook(
     const [headingId, setHeadingId] = headingContext || headingState;
     const headingContextValue = useMemo(
       () => [headingId, setHeadingId],
-      [headingId]
+      [headingId, setHeadingId]
     );
     const [childStore, setChildStore] = useState(null);
     const setStore = useContext(SelectListContext);
@@ -113,17 +116,18 @@ var useSelectList = createHook(
         ...props
       };
     }
-    const labelId = store.useState(
+    const labelId = useStoreState(
+      store,
       (state) => {
         var _a;
         return headingId || ((_a = state.labelElement) == null ? void 0 : _a.id);
       }
     );
     props = {
-      id,
       "aria-labelledby": labelId,
       hidden,
       ...props,
+      id,
       ref: useMergeRefs(setElement, props.ref),
       style,
       onKeyDown

package/esm/__chunks/{X6LNAU2F.js → L3FYE3QX.js}

@@ -1,19 +1,19 @@
 "use client";
 import {
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite-hover.tsx
 import { contains } from "@ariakit/core/utils/dom";
@@ -37,7 +37,7 @@ function hoveringInside(event) {
   if (!nextElement) return false;
   return contains(event.currentTarget, nextElement);
 }
-var symbol = Symbol("composite-hover");
+var symbol = /* @__PURE__ */ Symbol("composite-hover");
 function movingToAnotherItem(event) {
   let dest = getMouseDestination(event);
   if (!dest) return false;

package/esm/__chunks/{RFRKSHIZ.js → L7IQNEVE.js}

@@ -1,23 +1,23 @@
 "use client";
 import {
   usePopoverAnchor
-} from "./4POTBZ2J.js";
+} from "./Q62CGBNE.js";
 import {
   useDialogDisclosure
-} from "./APVORPDK.js";
+} from "./M5D2PAJU.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./JMU4N4M5.js";
+} from "./E5E7U2B6.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/popover/popover-disclosure.tsx
 import { invariant } from "@ariakit/core/utils/misc";

package/esm/__chunks/{O6DAAE7K.js → LDOHOQAR.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   usePopoverDescription
-} from "./2TJZ2QHB.js";
+} from "./YCHWWI4J.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/hovercard/hovercard-description.tsx
 var TagName = "p";

package/esm/__chunks/{ECBEZ4YM.js → LNZKURLD.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   usePopoverStoreProps
-} from "./B6FLPFJM.js";
+} from "./6AOPHM6J.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";

package/esm/__chunks/{2G6YEJT4.js → LZLJ4GWW.js}

@@ -1,25 +1,28 @@
 "use client";
 import {
   isHidden
-} from "./6B3RXHKP.js";
+} from "./BDQ7RGF6.js";
 import {
   ComboboxListRoleContext,
   ComboboxScopedContextProvider,
   useComboboxContext,
   useComboboxScopedContext
-} from "./CVCFNOHX.js";
+} from "./YXOTZ32N.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useAttribute,
   useId,
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/combobox/combobox-list.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -38,17 +41,18 @@ var useComboboxList = createHook(
     );
     const ref = useRef(null);
     const id = useId(props.id);
-    const mounted = store.useState("mounted");
+    const mounted = useStoreState(store, "mounted");
     const hidden = isHidden(mounted, props.hidden, alwaysVisible);
     const style = hidden ? { ...props.style, display: "none" } : props.style;
-    const multiSelectable = store.useState(
+    const multiSelectable = useStoreState(
+      store,
       (state) => Array.isArray(state.selectedValue)
     );
     const role = useAttribute(ref, "role", props.role);
     const isCompositeRole = role === "listbox" || role === "tree" || role === "grid";
     const ariaMultiSelectable = isCompositeRole ? multiSelectable || void 0 : void 0;
     const [hasListboxInside, setHasListboxInside] = useState(false);
-    const contentElement = store.useState("contentElement");
+    const contentElement = useStoreState(store, "contentElement");
     useSafeLayoutEffect(() => {
       if (!mounted) return;
       const element = ref.current;
@@ -80,9 +84,9 @@ var useComboboxList = createHook(
     );
     const setContentElement = id && (!scopedContext || !scopedContextSameStore) ? store.setContentElement : null;
     props = {
-      id,
       hidden,
       ...props,
+      id,
       ref: useMergeRefs(setContentElement, ref, props.ref),
       style
     };

package/esm/__chunks/{APVORPDK.js → M5D2PAJU.js}

@@ -1,15 +1,18 @@
 "use client";
 import {
   useDisclosure
-} from "./NDVACHQI.js";
+} from "./C22TTW5X.js";
 import {
   useDialogProviderContext
-} from "./A62MDFCW.js";
+} from "./67C4K2ZC.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/dialog/dialog-disclosure.tsx
 import { getPopupRole } from "@ariakit/core/utils/dom";
@@ -23,7 +26,7 @@ var useDialogDisclosure = createHook(
       store,
       process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
     );
-    const contentElement = store.useState("contentElement");
+    const contentElement = useStoreState(store, "contentElement");
     props = {
       "aria-haspopup": getPopupRole(contentElement, "dialog"),
       ...props

package/esm/__chunks/{IBXZ2LQC.js → MXN4ZWI7.js}

@@ -1,30 +1,30 @@
 "use client";
 import {
   useCompositeHover
-} from "./X6LNAU2F.js";
+} from "./L3FYE3QX.js";
 import {
   useCompositeItem
-} from "./WZWDIE3S.js";
+} from "./7CGHQ3Z6.js";
 import {
   ComboboxItemCheckedContext,
   ComboboxItemValueContext,
   ComboboxListRoleContext,
   useComboboxScopedContext
-} from "./CVCFNOHX.js";
+} from "./YXOTZ32N.js";
 import {
   useStoreStateObject
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/combobox/combobox-item.tsx
 import { isTextField } from "@ariakit/core/utils/dom";