@ariakit/react-core 0.4.12 → 0.4.14

package/esm/__chunks/{53XSP24K.js → MRTXKBQF.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   useMenuContext
-} from "./SJPAIJOW.js";
+} from "./B2J376ND.js";
 import {
   useMenubarContext
-} from "./QVEJ36PB.js";
+} from "./62UHHO2X.js";
 import {
   useComboboxProviderContext
-} from "./3LH6HMTR.js";
+} from "./VEVQD5MH.js";
 import {
   useCompositeStoreProps
-} from "./OIB4PV4M.js";
+} from "./4CMBR7SL.js";
 import {
   useHovercardStoreProps
-} from "./JZ2NHXQS.js";
+} from "./FTXTWCCT.js";
 import {
   useStore,
   useStoreProps
-} from "./CTKPPFRS.js";
+} from "./YV4JVR4I.js";
 import {
   useUpdateEffect
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{COWZSPJ7.js → MTZPJQMC.js}

@@ -2,10 +2,10 @@
 import {
   DialogContextProvider,
   DialogScopedContextProvider
-} from "./CMXOY7UW.js";
+} from "./RS7LB2H4.js";
 import {
   createStoreContext
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 
 // src/popover/popover-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{J6ABGNEX.js → MVIULMNR.js}

@@ -1,29 +1,29 @@
 "use client";
 import {
   useMenuScopedContext
-} from "./SJPAIJOW.js";
+} from "./B2J376ND.js";
 import {
   useMenubarScopedContext
-} from "./QVEJ36PB.js";
+} from "./62UHHO2X.js";
 import {
   useCompositeHover
-} from "./L63MOBXC.js";
+} from "./UQQRIHDV.js";
 import {
   useCompositeItem
-} from "./S5ELSLEU.js";
+} from "./P2CTZE2T.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 import {
   useStoreState
-} from "./CTKPPFRS.js";
+} from "./YV4JVR4I.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{ZVQU5EXS.js → MVOPMAIA.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./OIB4PV4M.js";
+} from "./4CMBR7SL.js";
 import {
   useStore,
   useStoreProps
-} from "./CTKPPFRS.js";
+} from "./YV4JVR4I.js";
 
 // src/tag/tag-store.ts
 import * as Core from "@ariakit/core/tag/tag-store";

package/esm/__chunks/{BQA3JPRO.js → NLEBE274.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   useRadioContext
-} from "./MDCSFLUU.js";
+} from "./UVUMR3WP.js";
 import {
   useCompositeItem
-} from "./S5ELSLEU.js";
+} from "./P2CTZE2T.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 import {
   useStoreState
-} from "./CTKPPFRS.js";
+} from "./YV4JVR4I.js";
 import {
   useEvent,
   useForceUpdate,
   useId,
   useMergeRefs,
   useTagName
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   __objRest,
   __spreadProps,
@@ -96,6 +96,7 @@ var useRadio = createHook(function useRadio2(_a) {
       event.stopPropagation();
       return;
     }
+    if ((store == null ? void 0 : store.getState().value) === value) return;
     if (!nativeRadio) {
       event.currentTarget.checked = true;
       schedulePropertyUpdate();

package/esm/__chunks/NZPTZ4KI.js

@@ -0,0 +1,140 @@
+"use client";
+import {
+  CollectionItem
+} from "./RZ4GPYOB.js";
+import {
+  Role
+} from "./XL7CSKGW.js";
+import {
+  forwardRef
+} from "./LMDWO4NN.js";
+import {
+  useForceUpdate,
+  useId,
+  useMergeRefs
+} from "./ABQUS43J.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./3YLGPPWQ.js";
+
+// src/collection/collection-item-offscreen.tsx
+import { invariant } from "@ariakit/core/utils/misc";
+import { useCallback, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var TagName = "div";
+function requestIdleCallback(callback) {
+  if (typeof window.requestIdleCallback === "function") {
+    return window.requestIdleCallback(callback);
+  }
+  callback();
+  return 0;
+}
+function cancelIdleCallback(id) {
+  if (typeof window.cancelIdleCallback === "function") {
+    window.cancelIdleCallback(id);
+  }
+}
+function useCollectionItemOffscreen(_a) {
+  var _b = _a, { offscreenBehavior = "active", offscreenRoot } = _b, props = __objRest(_b, ["offscreenBehavior", "offscreenRoot"]);
+  const id = useId(props.id);
+  const [updated, forceUpdate] = useForceUpdate();
+  const forcedUpdatesCountRef = useRef(0);
+  const [_active, setActive] = useState(offscreenBehavior === "active");
+  const active = _active || offscreenBehavior === "active";
+  const observerRef = useRef(null);
+  const idleCallbackIdRef = useRef(0);
+  const ref = useCallback(
+    (element) => {
+      var _a2;
+      if (!element || offscreenBehavior === "active") {
+        cancelIdleCallback(idleCallbackIdRef.current);
+        (_a2 = observerRef.current) == null ? void 0 : _a2.disconnect();
+        return;
+      }
+      invariant(
+        offscreenRoot !== void 0,
+        process.env.NODE_ENV !== "production" && "The offscreenRoot prop must provided."
+      );
+      const getOffscreenRoot = () => {
+        if (!offscreenRoot) return null;
+        if (typeof offscreenRoot === "function") {
+          return offscreenRoot(element);
+        }
+        if ("current" in offscreenRoot) {
+          return offscreenRoot.current;
+        }
+        return offscreenRoot;
+      };
+      const root = getOffscreenRoot();
+      if (!root) {
+        forcedUpdatesCountRef.current++;
+        if (forcedUpdatesCountRef.current > 3) {
+          throw new Error(
+            "The offscreenRoot is not available. Please make sure the root element is mounted."
+          );
+        }
+        forceUpdate();
+        return;
+      }
+      if (!observerRef.current || observerRef.current.root !== root) {
+        observerRef.current = new IntersectionObserver(
+          ([entry]) => {
+            cancelIdleCallback(idleCallbackIdRef.current);
+            const isIntersecting = !!(entry == null ? void 0 : entry.isIntersecting);
+            idleCallbackIdRef.current = requestIdleCallback(() => {
+              if (!isIntersecting && offscreenBehavior === "lazy") return;
+              setActive(isIntersecting);
+            });
+          },
+          { root, rootMargin: "40%" }
+        );
+      }
+      observerRef.current.observe(element);
+    },
+    [updated, offscreenBehavior, offscreenRoot]
+  );
+  return {
+    id,
+    active,
+    ref,
+    "data-offscreen": !active || void 0
+  };
+}
+var CollectionItem2 = forwardRef(function CollectionItem3(_a) {
+  var _b = _a, {
+    offscreenBehavior,
+    offscreenRoot
+  } = _b, props = __objRest(_b, [
+    "offscreenBehavior",
+    "offscreenRoot"
+  ]);
+  const _a2 = useCollectionItemOffscreen(__spreadValues({
+    offscreenBehavior,
+    offscreenRoot
+  }, props)), { active, ref } = _a2, rest = __objRest(_a2, ["active", "ref"]);
+  const allProps = __spreadProps(__spreadValues(__spreadValues({}, rest), props), { ref: useMergeRefs(ref, props.ref) });
+  if (active) {
+    return /* @__PURE__ */ jsx(CollectionItem, __spreadValues({}, allProps));
+  }
+  const _b2 = allProps, {
+    store,
+    shouldRegisterItem,
+    getItem,
+    element: element
+  } = _b2, htmlProps = __objRest(_b2, [
+    "store",
+    "shouldRegisterItem",
+    "getItem",
+    // @ts-expect-error This prop may come from a collection renderer.
+    "element"
+  ]);
+  const Component = Role[TagName];
+  return /* @__PURE__ */ jsx(Component, __spreadValues({}, htmlProps));
+});
+
+export {
+  useCollectionItemOffscreen,
+  CollectionItem2 as CollectionItem
+};

package/esm/__chunks/{CO7ZDQU2.js → O2PQ2652.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDialogStoreProps
-} from "./B5WJDZ55.js";
+} from "./BM6PGYQY.js";
 import {
   useStore,
   useStoreProps
-} from "./CTKPPFRS.js";
+} from "./YV4JVR4I.js";
 import {
   useUpdateEffect
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";

package/esm/__chunks/{OJXDGVKQ.js → O37CNYMR.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   FocusTrap
-} from "./ND57YZ3V.js";
+} from "./W3VI7GFU.js";
 import {
   PortalContext
 } from "./AOQQTIBO.js";
@@ -9,12 +9,12 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   setRef
 } from "./SK3NAZA3.js";
@@ -50,7 +50,7 @@ function getPortalElement(element, portalElement) {
   return portalElement;
 }
 function getRandomId(prefix = "id") {
-  return `${prefix ? `${prefix}-` : ""}${Math.random().toString(36).substr(2, 6)}`;
+  return `${prefix ? `${prefix}-` : ""}${Math.random().toString(36).slice(2, 8)}`;
 }
 function queueFocus(element) {
   queueMicrotask(() => {

package/esm/__chunks/{55NJ2WSC.js → O5VVHQKK.js}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  useMenubarStore
-} from "./UZXETJJN.js";
 import {
   MenubarContextProvider
-} from "./QVEJ36PB.js";
+} from "./62UHHO2X.js";
+import {
+  useMenubarStore
+} from "./BKQBQI36.js";
 
 // src/menubar/menubar-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{NWYOIOBE.js → OMU7RWRV.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   usePopoverProviderContext
-} from "./COWZSPJ7.js";
+} from "./MTZPJQMC.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 import {
   useMergeRefs
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{S5ELSLEU.js → P2CTZE2T.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCollectionItem
-} from "./SZHY72KI.js";
+} from "./RZ4GPYOB.js";
 import {
   useCommand
-} from "./ZHUQ44XA.js";
+} from "./KUU7WJ55.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -15,23 +15,23 @@ import {
   CompositeItemContext,
   CompositeRowContext,
   useCompositeContext
-} from "./APGXEJ2Q.js";
+} from "./P7GR5CS5.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 import {
-  useStoreState
-} from "./CTKPPFRS.js";
+  useStoreStateObject
+} from "./YV4JVR4I.js";
 import {
   useBooleanEvent,
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   __objRest,
   __spreadProps,
@@ -137,21 +137,65 @@ var useCompositeItem = createHook(
     const id = useId(props.id);
     const ref = useRef(null);
     const row = useContext(CompositeRowContext);
-    const rowId = useStoreState(store, (state) => {
-      if (rowIdProp) return rowIdProp;
-      if (!state) return;
-      if (!(row == null ? void 0 : row.baseElement)) return;
-      if (row.baseElement !== state.baseElement) return;
-      return row.id;
-    });
     const disabled = disabledFromProps(props);
     const trulyDisabled = disabled && !props.accessibleWhenDisabled;
+    const {
+      rowId,
+      baseElement,
+      isActiveItem,
+      ariaSetSize,
+      ariaPosInSet,
+      isTabbable
+    } = useStoreStateObject(store, {
+      rowId(state) {
+        if (rowIdProp) return rowIdProp;
+        if (!state) return;
+        if (!(row == null ? void 0 : row.baseElement)) return;
+        if (row.baseElement !== state.baseElement) return;
+        return row.id;
+      },
+      baseElement(state) {
+        return (state == null ? void 0 : state.baseElement) || void 0;
+      },
+      isActiveItem(state) {
+        return !!state && state.activeId === id;
+      },
+      ariaSetSize(state) {
+        if (ariaSetSizeProp != null) return ariaSetSizeProp;
+        if (!state) return;
+        if (!(row == null ? void 0 : row.ariaSetSize)) return;
+        if (row.baseElement !== state.baseElement) return;
+        return row.ariaSetSize;
+      },
+      ariaPosInSet(state) {
+        if (ariaPosInSetProp != null) return ariaPosInSetProp;
+        if (!state) return;
+        if (!(row == null ? void 0 : row.ariaPosInSet)) return;
+        if (row.baseElement !== state.baseElement) return;
+        const itemsInRow = state.renderedItems.filter(
+          (item) => item.rowId === rowId
+        );
+        return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
+      },
+      isTabbable(state) {
+        if (!(state == null ? void 0 : state.renderedItems.length)) return true;
+        if (state.virtualFocus) return false;
+        if (tabbable) return true;
+        if (state.activeId === null) return false;
+        const item = store == null ? void 0 : store.item(state.activeId);
+        if (item == null ? void 0 : item.disabled) return true;
+        if (!(item == null ? void 0 : item.element)) return true;
+        return state.activeId === id;
+      }
+    });
     const getItem = useCallback(
       (item) => {
+        var _a2;
         const nextItem = __spreadProps(__spreadValues({}, item), {
           id: id || item.id,
           rowId,
-          disabled: !!trulyDisabled
+          disabled: !!trulyDisabled,
+          children: (_a2 = item.element) == null ? void 0 : _a2.textContent
         });
         if (getItemProp) {
           return getItemProp(nextItem);
@@ -271,10 +315,6 @@ var useCompositeItem = createHook(
         }
       }
     });
-    const baseElement = useStoreState(
-      store,
-      (state) => (state == null ? void 0 : state.baseElement) || void 0
-    );
     const providerValue = useMemo(
       () => ({ id, baseElement }),
       [id, baseElement]
@@ -284,33 +324,6 @@ var useCompositeItem = createHook(
       (element) => /* @__PURE__ */ jsx(CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = useStoreState(
-      store,
-      (state) => !!state && state.activeId === id
-    );
-    const ariaSetSize = useStoreState(store, (state) => {
-      if (ariaSetSizeProp != null) return ariaSetSizeProp;
-      if (!state) return;
-      if (!(row == null ? void 0 : row.ariaSetSize)) return;
-      if (row.baseElement !== state.baseElement) return;
-      return row.ariaSetSize;
-    });
-    const ariaPosInSet = useStoreState(store, (state) => {
-      if (ariaPosInSetProp != null) return ariaPosInSetProp;
-      if (!state) return;
-      if (!(row == null ? void 0 : row.ariaPosInSet)) return;
-      if (row.baseElement !== state.baseElement) return;
-      const itemsInRow = state.renderedItems.filter(
-        (item) => item.rowId === rowId
-      );
-      return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
-    });
-    const isTabbable = useStoreState(store, (state) => {
-      if (!(state == null ? void 0 : state.renderedItems.length)) return true;
-      if (state.virtualFocus) return false;
-      if (tabbable) return true;
-      return state.activeId === id;
-    });
     props = __spreadProps(__spreadValues({
       id,
       "data-active-item": isActiveItem || void 0

package/esm/__chunks/{RM6VCCZ7.js → P4IRICAX.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   useButton
-} from "./JOBHIYEN.js";
+} from "./X5NMLKT6.js";
 import {
   useDisclosureProviderContext
-} from "./JDEWEW7S.js";
+} from "./S6EF7IVO.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useMetadataProps
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{APGXEJ2Q.js → P7GR5CS5.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./G4PVPWEW.js";
+} from "./VDHZ5F7K.js";
 import {
   createStoreContext
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 
 // src/composite/composite-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{ESGPC4B7.js → PY4NZ6HS.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useComboboxContext
-} from "./3LH6HMTR.js";
+} from "./VEVQD5MH.js";
 import {
   useSelectContext
-} from "./SLHXTMPQ.js";
+} from "./KPEX55MY.js";
 import {
   useCompositeStoreProps
-} from "./OIB4PV4M.js";
+} from "./4CMBR7SL.js";
 import {
   useStore,
   useStoreProps
-} from "./CTKPPFRS.js";
+} from "./YV4JVR4I.js";
 import {
   useUpdateEffect
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{BDPFIQXC.js → QPZOAQ4F.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   usePopoverDismiss
-} from "./OSVWXUOM.js";
+} from "./LM3LNBOQ.js";
 import {
   useHovercardScopedContext
-} from "./DPAO6G5R.js";
+} from "./EM5CXX6A.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{QE62MSCL.js → QYJ6MIDR.js}

@@ -1,23 +1,23 @@
 "use client";
 import {
   useDialogDisclosure
-} from "./35RDKJF6.js";
+} from "./AXB53BZF.js";
 import {
   usePopoverAnchor
-} from "./NWYOIOBE.js";
+} from "./OMU7RWRV.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./COWZSPJ7.js";
+} from "./MTZPJQMC.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 import {
   useEvent,
   useWrapElement
-} from "./HNHAUIIY.js";
+} from "./ABQUS43J.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{3YZMJGQP.js → RNCDFVMF.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 
 // src/checkbox/checkbox-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{CMXOY7UW.js → RS7LB2H4.js}

@@ -2,10 +2,10 @@
 import {
   DisclosureContextProvider,
   DisclosureScopedContextProvider
-} from "./JDEWEW7S.js";
+} from "./S6EF7IVO.js";
 import {
   createStoreContext
-} from "./7FZLUSKW.js";
+} from "./LMDWO4NN.js";
 
 // src/dialog/dialog-context.tsx
 import { createContext } from "react";