@ariakit/react-core 0.3.4 → 0.3.6

package/esm/__chunks/{XIA3HAXM.js → UH3I23HL.js}

@@ -1,20 +1,21 @@
+"use client";
 import {
   useCollectionContext
-} from "./74KKBFVP.js";
+} from "./4UUKJZ4V.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useId,
   useMergeRefs
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/collection/collection-item.ts
 import { useEffect, useRef } from "react";

package/esm/__chunks/{3AVEDDB7.js → ULAW5PPH.js}

@@ -1,23 +1,24 @@
+"use client";
 import {
   POPOVER_ARROW_PATH
-} from "./GM7XQV7F.js";
+} from "./QFL5V2DO.js";
 import {
   usePopoverContext
-} from "./547DFODS.js";
+} from "./7H5KSHHF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/popover/popover-arrow.tsx
 import { useMemo, useState } from "react";

package/esm/__chunks/{QTZ67ALK.js → UNZQE6T7.js}

@@ -1,13 +1,14 @@
+"use client";
 import {
   useDialogStoreProps
-} from "./IZFXPXHG.js";
+} from "./2N7L2ZZE.js";
 import {
   useStore,
   useStoreProps
-} from "./WHAB4XD6.js";
+} from "./XF5ITC6P.js";
 import {
   useUpdateEffect
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";

package/esm/__chunks/{QGZKN2N5.js → UP4ONTQS.js}

@@ -1,19 +1,20 @@
+"use client";
 import {
   selectTextField
-} from "./OXPV2NBK.js";
+} from "./6QXBPV75.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useEvent
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/composite/composite-input.ts
 import {

package/esm/__chunks/{6OMX4H3W.js → UYRJLDVS.js}

@@ -1,6 +1,7 @@
+"use client";
 import {
   HeadingContext
-} from "./COQHFAEN.js";
+} from "./XPF5GU3Q.js";
 
 // src/heading/heading-level.tsx
 import { useContext } from "react";

package/esm/__chunks/{NJS632IW.js → V4ZFXDFK.js}

@@ -1,10 +1,11 @@
+"use client";
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./74KKBFVP.js";
+} from "./4UUKJZ4V.js";
 import {
   createStoreContext
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 
 // src/form/form-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{TONP6TZ5.js → VDNZBO4W.js}

@@ -1,19 +1,20 @@
+"use client";
 import {
   useCommand
-} from "./CAIAWNDV.js";
+} from "./NWCBQ4CV.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useMergeRefs,
   useTagName
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/button/button.ts
 import { useEffect, useRef, useState } from "react";

package/esm/__chunks/{ICL2YIES.js → VPR2WHQV.js}

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

package/esm/__chunks/VVBJIO3T.js

@@ -0,0 +1,18 @@
+"use client";
+import {
+  MenubarContextProvider
+} from "./KA4GX64Z.js";
+import {
+  useMenubarStore
+} from "./LNLZDJD4.js";
+
+// src/menubar/menubar-provider.tsx
+import { jsx } from "react/jsx-runtime";
+function MenubarProvider(props = {}) {
+  const store = useMenubarStore(props);
+  return /* @__PURE__ */ jsx(MenubarContextProvider, { value: store, children: props.children });
+}
+
+export {
+  MenubarProvider
+};

package/esm/__chunks/{JRZOTPWS.js → W3TC4TID.js}

@@ -1,38 +1,62 @@
+"use client";
 import {
-  hasExpandedMenuButton
-} from "./W7JXAQKF.js";
-import {
-  useMenuBarScopedContext,
   useMenuScopedContext
-} from "./2GC3IEM7.js";
+} from "./YGMEBI3A.js";
+import {
+  useMenubarScopedContext
+} from "./KA4GX64Z.js";
 import {
   useCompositeHover
-} from "./XCH4OEEE.js";
+} from "./BRO2JF5P.js";
 import {
   useCompositeItem
-} from "./IQXVWBXC.js";
+} from "./5PEPOQU7.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./WHAB4XD6.js";
+} from "./XF5ITC6P.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/menu/menu-item.ts
-import { getPopupItemRole } from "@ariakit/core/utils/dom";
+import { getDocument, getPopupItemRole } from "@ariakit/core/utils/dom";
 import { isDownloading, isOpeningInNewTab } from "@ariakit/core/utils/events";
+import { hasFocusWithin } from "@ariakit/core/utils/focus";
 import { invariant } from "@ariakit/core/utils/misc";
+function menuHasFocus(baseElement, items, currentTarget) {
+  var _a;
+  if (!baseElement)
+    return false;
+  if (hasFocusWithin(baseElement))
+    return true;
+  const expandedItem = items == null ? void 0 : items.find((item) => {
+    var _a2;
+    if (item.element === currentTarget)
+      return false;
+    return ((_a2 = item.element) == null ? void 0 : _a2.getAttribute("aria-expanded")) === "true";
+  });
+  const expandedMenuId = (_a = expandedItem == null ? void 0 : expandedItem.element) == null ? void 0 : _a.getAttribute("aria-controls");
+  if (!expandedMenuId)
+    return false;
+  const doc = getDocument(baseElement);
+  const expandedMenu = doc.getElementById(expandedMenuId);
+  if (!expandedMenu)
+    return false;
+  if (hasFocusWithin(expandedMenu))
+    return true;
+  return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
+}
 var useMenuItem = createHook(
   (_a) => {
     var _b = _a, {
@@ -47,11 +71,11 @@ var useMenuItem = createHook(
       "focusOnHover"
     ]);
     const menuContext = useMenuScopedContext(true);
-    const menuBarContext = useMenuBarScopedContext();
-    store = store || menuContext || menuBarContext;
+    const menubarContext = useMenubarScopedContext();
+    store = store || menuContext || menubarContext;
     invariant(
       store,
-      process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or MenuBar component"
+      process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
     const onClickProp = props.onClick;
     const hideOnClickProp = useBooleanEvent(hideOnClick);
@@ -95,13 +119,16 @@ var useMenuItem = createHook(
           return focusOnHover;
         if (event.type === "mouseleave")
           return isWithinMenu;
-        const state = store == null ? void 0 : store.getState();
         if (isWithinMenu) {
           if (event.currentTarget.hasAttribute("aria-expanded")) {
             event.currentTarget.focus();
           }
           return true;
-        } else if (hasExpandedMenuButton(state == null ? void 0 : state.items, event.currentTarget)) {
+        }
+        if (!store)
+          return false;
+        const { baseElement, items } = store.getState();
+        if (menuHasFocus(baseElement, items, event.currentTarget)) {
           event.currentTarget.focus();
           return true;
         }

package/esm/__chunks/{FW6QFGFT.js → X6WIMZJE.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/dialog/utils/orchestrate.ts
 var cleanups = /* @__PURE__ */ new WeakMap();
 function orchestrate(element, key, setup) {

package/esm/__chunks/{NRFPH2ON.js → XEV62JUQ.js}

@@ -1,10 +1,11 @@
+"use client";
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./5C7J4IAS.js";
+} from "./IB7YUKH5.js";
 import {
   createStoreContext
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 
 // src/radio/radio-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{WHAB4XD6.js → XF5ITC6P.js}

@@ -1,12 +1,13 @@
+"use client";
 import {
   useEvent,
   useLiveRef,
   useSafeLayoutEffect
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/utils/store.tsx
 import * as React from "react";
@@ -64,6 +65,8 @@ function useStoreProps(store, props, key, setKey) {
       return;
     canSyncValue.current = true;
     return sync(store, [key], () => {
+      if (value === void 0)
+        return;
       if (!canSyncValue.current)
         return;
       store.setState(key, value);

package/esm/__chunks/{7LB47D2O.js → XHJGS6Z5.js}

@@ -1,17 +1,18 @@
+"use client";
 import {
   isElementMarked
-} from "./FRKOFFMT.js";
+} from "./TL67WVI6.js";
 import {
   usePreviousMouseDownRef
-} from "./7JNF6I52.js";
+} from "./OOBDFMJL.js";
 import {
   useEvent,
   useSafeLayoutEffect
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/dialog/utils/use-hide-on-interact-outside.ts
 import { useEffect, useRef } from "react";

package/esm/__chunks/{IZ22SVTG.js → XHRZYRZ5.js}

@@ -1,22 +1,23 @@
+"use client";
 import {
   useHeading
-} from "./FK7TLQA3.js";
+} from "./P4FX6ZFL.js";
 import {
   DialogHeadingContext
-} from "./5YYGDU4E.js";
+} from "./G6BJYYBK.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/dialog/dialog-heading.ts
 import { useContext } from "react";

package/esm/__chunks/{CP3U4HPL.js → XM66DUTO.js}

@@ -1,6 +1,7 @@
+"use client";
 import {
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/utils/misc.ts
 import { isValidElement } from "react";

package/esm/__chunks/{COQHFAEN.js → XPF5GU3Q.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/heading/heading-context.ts
 import { createContext } from "react";
 var HeadingContext = createContext(0);

package/esm/__chunks/{F7UYWUBJ.js → YGJUONJM.js}

@@ -1,23 +1,24 @@
+"use client";
 import {
   getElementPolygon,
   getEventPoint,
   isPointInPolygon
-} from "./X7FKJQME.js";
+} from "./YMV43K4F.js";
 import {
   usePopover
-} from "./H3CXUGYG.js";
+} from "./KB2HXEVC.js";
 import {
   createDialogComponent
-} from "./UXIMR4AS.js";
+} from "./U7WGY7YX.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
-} from "./5DA3HK6G.js";
+} from "./TI7CMBHW.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -26,12 +27,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/hovercard/hovercard.tsx
 import {

package/esm/__chunks/{2GC3IEM7.js → YGMEBI3A.js}

@@ -1,14 +1,22 @@
+"use client";
+import {
+  MenubarContextProvider,
+  MenubarScopedContextProvider,
+  useMenubarContext,
+  useMenubarProviderContext,
+  useMenubarScopedContext
+} from "./KA4GX64Z.js";
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./5C7J4IAS.js";
+} from "./IB7YUKH5.js";
 import {
   HovercardContextProvider,
   HovercardScopedContextProvider
-} from "./5DA3HK6G.js";
+} from "./TI7CMBHW.js";
 import {
   createStoreContext
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 
 // src/menu/menu-context.ts
 import { createContext } from "react";
@@ -21,15 +29,11 @@ var useMenuScopedContext = menu.useScopedContext;
 var useMenuProviderContext = menu.useProviderContext;
 var MenuContextProvider = menu.ContextProvider;
 var MenuScopedContextProvider = menu.ScopedContextProvider;
-var menubar = createStoreContext(
-  [CompositeContextProvider],
-  [CompositeScopedContextProvider]
-);
-var useMenuBarContext = menubar.useContext;
-var useMenuBarScopedContext = menubar.useScopedContext;
-var useMenuBarProviderContext = menubar.useProviderContext;
-var MenuBarContextProvider = menubar.ContextProvider;
-var MenuBarScopedContextProvider = menubar.ScopedContextProvider;
+var useMenuBarContext = useMenubarContext;
+var useMenuBarScopedContext = useMenubarScopedContext;
+var useMenuBarProviderContext = useMenubarProviderContext;
+var MenuBarContextProvider = MenubarContextProvider;
+var MenuBarScopedContextProvider = MenubarScopedContextProvider;
 var MenuItemCheckedContext = createContext(
   void 0
 );

package/esm/__chunks/{X7FKJQME.js → YMV43K4F.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/hovercard/utils/polygon.ts
 function getEventPoint(event) {
   return [event.clientX, event.clientY];

package/esm/__chunks/{J5LOLGUC.js → YZEJGRDQ.js}

@@ -1,12 +1,13 @@
+"use client";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   __objRest,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/separator/separator.ts
 var useSeparator = createHook(

package/esm/button/button.js

@@ -1,14 +1,15 @@
+"use client";
 import {
   Button,
   useButton
-} from "../__chunks/TONP6TZ5.js";
-import "../__chunks/CAIAWNDV.js";
-import "../__chunks/YTHH33BK.js";
-import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/CFEUKV6C.js";
-import "../__chunks/J7Q2EO23.js";
-import "../__chunks/CP3U4HPL.js";
-import "../__chunks/PNRLI7OV.js";
+} from "../__chunks/VDNZBO4W.js";
+import "../__chunks/NWCBQ4CV.js";
+import "../__chunks/KK7H3W2B.js";
+import "../__chunks/SHA3WOPI.js";
+import "../__chunks/3ORBWXWF.js";
+import "../__chunks/6O5OEQGF.js";
+import "../__chunks/XM66DUTO.js";
+import "../__chunks/4R3V3JGP.js";
 export {
   Button,
   useButton

package/esm/checkbox/checkbox-check.js

@@ -1,12 +1,13 @@
+"use client";
 import {
   CheckboxCheck,
   useCheckboxCheck
-} from "../__chunks/3Z4KAOQS.js";
-import "../__chunks/M5KYRTQG.js";
-import "../__chunks/CFEUKV6C.js";
-import "../__chunks/J7Q2EO23.js";
-import "../__chunks/CP3U4HPL.js";
-import "../__chunks/PNRLI7OV.js";
+} from "../__chunks/MW2F7SEA.js";
+import "../__chunks/6XBVQI3K.js";
+import "../__chunks/3ORBWXWF.js";
+import "../__chunks/6O5OEQGF.js";
+import "../__chunks/XM66DUTO.js";
+import "../__chunks/4R3V3JGP.js";
 export {
   CheckboxCheck,
   useCheckboxCheck

package/esm/checkbox/checkbox-checked-context.js

@@ -1,7 +1,8 @@
+"use client";
 import {
   CheckboxCheckedContext
-} from "../__chunks/M5KYRTQG.js";
-import "../__chunks/PNRLI7OV.js";
+} from "../__chunks/6XBVQI3K.js";
+import "../__chunks/4R3V3JGP.js";
 export {
   CheckboxCheckedContext
 };

package/esm/checkbox/checkbox-context.js

@@ -1,14 +1,15 @@
+"use client";
 import {
   CheckboxContextProvider,
   CheckboxScopedContextProvider,
   useCheckboxContext,
   useCheckboxProviderContext,
   useCheckboxScopedContext
-} from "../__chunks/ICL2YIES.js";
-import "../__chunks/CFEUKV6C.js";
-import "../__chunks/J7Q2EO23.js";
-import "../__chunks/CP3U4HPL.js";
-import "../__chunks/PNRLI7OV.js";
+} from "../__chunks/VPR2WHQV.js";
+import "../__chunks/3ORBWXWF.js";
+import "../__chunks/6O5OEQGF.js";
+import "../__chunks/XM66DUTO.js";
+import "../__chunks/4R3V3JGP.js";
 export {
   CheckboxContextProvider,
   CheckboxScopedContextProvider,

package/esm/checkbox/checkbox-provider.js

@@ -1,14 +1,15 @@
+"use client";
 import {
   useCheckboxStore
-} from "../__chunks/2Q7ASGJM.js";
+} from "../__chunks/BI7ZXWGY.js";
 import {
   CheckboxContextProvider
-} from "../__chunks/ICL2YIES.js";
-import "../__chunks/CFEUKV6C.js";
-import "../__chunks/WHAB4XD6.js";
-import "../__chunks/J7Q2EO23.js";
-import "../__chunks/CP3U4HPL.js";
-import "../__chunks/PNRLI7OV.js";
+} from "../__chunks/VPR2WHQV.js";
+import "../__chunks/3ORBWXWF.js";
+import "../__chunks/XF5ITC6P.js";
+import "../__chunks/6O5OEQGF.js";
+import "../__chunks/XM66DUTO.js";
+import "../__chunks/4R3V3JGP.js";
 
 // src/checkbox/checkbox-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/checkbox/checkbox-store.js

@@ -1,11 +1,12 @@
+"use client";
 import {
   useCheckboxStore,
   useCheckboxStoreProps
-} from "../__chunks/2Q7ASGJM.js";
-import "../__chunks/WHAB4XD6.js";
-import "../__chunks/J7Q2EO23.js";
-import "../__chunks/CP3U4HPL.js";
-import "../__chunks/PNRLI7OV.js";
+} from "../__chunks/BI7ZXWGY.js";
+import "../__chunks/XF5ITC6P.js";
+import "../__chunks/6O5OEQGF.js";
+import "../__chunks/XM66DUTO.js";
+import "../__chunks/4R3V3JGP.js";
 export {
   useCheckboxStore,
   useCheckboxStoreProps

package/esm/checkbox/checkbox.d.ts

@@ -38,6 +38,10 @@ export interface CheckboxOptions<T extends As = "input"> extends CommandOptions<
      * - [Checkbox as button](https://ariakit.org/examples/checkbox-as-button)
      */
     store?: CheckboxStore;
+    /**
+     * The native `name` attribute.
+     */
+    name?: string;
     /**
      * The value of the checkbox. This is useful when the same checkbox store is
      * used for multiple `Checkbox` elements, in which case the value will be an