@ariakit/react-core 0.3.4 → 0.3.6

package/esm/__chunks/{CAIAWNDV.js → NWCBQ4CV.js}

@@ -1,21 +1,23 @@
+"use client";
 import {
   useFocusable
-} from "./YTHH33BK.js";
+} from "./KK7H3W2B.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useEvent,
   useMergeRefs,
+  useMetadataProps,
   useTagName
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/command/command.ts
 import { useEffect, useRef, useState } from "react";
@@ -25,6 +27,7 @@ import {
   isSelfTarget,
   queueBeforeEvent
 } from "@ariakit/core/utils/events";
+import { disabledFromProps } from "@ariakit/core/utils/misc";
 import { isFirefox } from "@ariakit/core/utils/platform";
 function isNativeClick(event) {
   if (!event.isTrusted)
@@ -38,6 +41,7 @@ function isNativeClick(event) {
   }
   return false;
 }
+var symbol = Symbol("command");
 var useCommand = createHook(
   (_a) => {
     var _b = _a, { clickOnEnter = true, clickOnSpace = true } = _b, props = __objRest(_b, ["clickOnEnter", "clickOnSpace"]);
@@ -54,7 +58,8 @@ var useCommand = createHook(
     }, []);
     const [active, setActive] = useState(false);
     const activeRef = useRef(false);
-    const isDuplicate = "data-command" in props;
+    const disabled = disabledFromProps(props);
+    const [isDuplicate, metadataProps] = useMetadataProps(props, symbol, true);
     const onKeyDownProp = props.onKeyDown;
     const onKeyDown = useEvent((event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
@@ -63,7 +68,7 @@ var useCommand = createHook(
         return;
       if (isDuplicate)
         return;
-      if (props.disabled)
+      if (disabled)
         return;
       if (!isSelfTarget(event))
         return;
@@ -108,7 +113,7 @@ var useCommand = createHook(
         return;
       if (isDuplicate)
         return;
-      if (props.disabled)
+      if (disabled)
         return;
       if (event.metaKey)
         return;
@@ -124,11 +129,10 @@ var useCommand = createHook(
         }
       }
     });
-    props = __spreadProps(__spreadValues({
-      "data-command": "",
+    props = __spreadProps(__spreadValues(__spreadValues({
       "data-active": active ? "" : void 0,
       type: isNativeButton ? "button" : void 0
-    }, props), {
+    }, metadataProps), props), {
       ref: useMergeRefs(ref, props.ref),
       onKeyDown,
       onKeyUp

package/esm/__chunks/{56KWVYDN.js → OAYFXAQ2.js}

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

package/esm/__chunks/{7JNF6I52.js → OOBDFMJL.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/dialog/utils/use-previous-mouse-down-ref.ts
 import { useEffect, useRef } from "react";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";

package/esm/__chunks/{LFLKMTFW.js → P2V6GHKM.js}

@@ -1,10 +1,11 @@
+"use client";
 import {
   useHovercardStoreProps
-} from "./6W46XYWY.js";
+} from "./HXL5CHAC.js";
 import {
   useStore,
   useStoreProps
-} from "./WHAB4XD6.js";
+} from "./XF5ITC6P.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{FK7TLQA3.js → P4FX6ZFL.js}

@@ -1,19 +1,20 @@
+"use client";
 import {
   HeadingContext
-} from "./COQHFAEN.js";
+} from "./XPF5GU3Q.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/heading/heading.tsx
 import { useContext, useMemo, useRef } from "react";

package/esm/__chunks/{MHJWVBOP.js → P5SOPKIM.js}

@@ -1,14 +1,15 @@
+"use client";
 import {
   useGroup
-} from "./JCUV76PT.js";
+} from "./R2QZ3KXH.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   __objRest
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/form/form-group.ts
 var useFormGroup = createHook(

package/esm/__chunks/{DLZTS5NV.js → PHTJ3BCW.js}

@@ -1,27 +1,30 @@
+"use client";
 import {
-  useMenuBarContext,
   useMenuContext
-} from "./2GC3IEM7.js";
+} from "./YGMEBI3A.js";
+import {
+  useMenubarContext
+} from "./KA4GX64Z.js";
 import {
   useComboboxProviderContext
-} from "./QP4RN5UY.js";
+} from "./MTC2KUZZ.js";
 import {
   useCompositeStoreProps
-} from "./WRZGD4DH.js";
+} from "./ELWRSPQ7.js";
 import {
   useHovercardStoreProps
-} from "./6W46XYWY.js";
+} from "./HXL5CHAC.js";
 import {
   useStore,
   useStoreProps
-} from "./WHAB4XD6.js";
+} from "./XF5ITC6P.js";
 import {
   useUpdateEffect
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/menu/menu-store.ts
 import * as Core from "@ariakit/core/menu/menu-store";
@@ -38,7 +41,7 @@ function useMenuStoreProps(store, update, props) {
 }
 function useMenuStore(props = {}) {
   const parent = useMenuContext();
-  const menubar = useMenuBarContext();
+  const menubar = useMenubarContext();
   const combobox = useComboboxProviderContext();
   props = __spreadProps(__spreadValues({}, props), {
     parent: props.parent !== void 0 ? props.parent : parent,

package/esm/__chunks/{GM7XQV7F.js → QFL5V2DO.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/popover/popover-arrow-path.ts
 var POPOVER_ARROW_PATH = "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z";
 

package/esm/__chunks/{KXTLHNBI.js → QKWOT47C.js}

@@ -1,30 +1,31 @@
+"use client";
 import {
   useHovercardProviderContext
-} from "./5DA3HK6G.js";
+} from "./TI7CMBHW.js";
 import {
   useFocusable
-} from "./YTHH33BK.js";
+} from "./KK7H3W2B.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/hovercard/hovercard-anchor.ts
-import { useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
-import { invariant } from "@ariakit/core/utils/misc";
+import { disabledFromProps, invariant } from "@ariakit/core/utils/misc";
 var useHovercardAnchor = createHook(
   (_a) => {
     var _b = _a, { store, showOnHover = true } = _b, props = __objRest(_b, ["store", "showOnHover"]);
@@ -34,8 +35,7 @@ var useHovercardAnchor = createHook(
       store,
       process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
     );
-    const mounted = store.useState("mounted");
-    const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
+    const disabled = disabledFromProps(props);
     const showTimeoutRef = useRef(0);
     useEffect(() => () => window.clearTimeout(showTimeoutRef.current), []);
     useEffect(() => {
@@ -57,38 +57,48 @@ var useHovercardAnchor = createHook(
     const isMouseMoving = useIsMouseMoving();
     const onMouseMove = useEvent(
       (event) => {
-        store == null ? void 0 : store.setAnchorElement(event.currentTarget);
         onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
         if (disabled)
           return;
+        if (!store)
+          return;
         if (event.defaultPrevented)
           return;
         if (showTimeoutRef.current)
           return;
         if (!isMouseMoving())
           return;
-        if (!store)
-          return;
         if (!showOnHoverProp(event))
           return;
+        const element = event.currentTarget;
+        store.setAnchorElement(element);
+        store.setDisclosureElement(element);
         const { showTimeout, timeout } = store.getState();
         showTimeoutRef.current = window.setTimeout(() => {
           showTimeoutRef.current = 0;
           if (!isMouseMoving())
             return;
+          store == null ? void 0 : store.setAnchorElement(element);
           store == null ? void 0 : store.show();
+          queueMicrotask(() => {
+            store == null ? void 0 : store.setDisclosureElement(element);
+          });
         }, showTimeout != null ? showTimeout : timeout);
       }
     );
+    const ref = useCallback(
+      (element) => {
+        if (!store)
+          return;
+        const { anchorElement } = store.getState();
+        if (anchorElement == null ? void 0 : anchorElement.isConnected)
+          return;
+        store.setAnchorElement(element);
+      },
+      [store]
+    );
     props = __spreadProps(__spreadValues({}, props), {
-      ref: useMergeRefs(
-        store.setAnchorElement,
-        // We need to set the anchor element as the hovercard disclosure
-        // disclosure element only when the hovercard is shown so it doesn't get
-        // assigned an arbitrary element by the dialog component.
-        mounted ? store.setDisclosureElement : void 0,
-        props.ref
-      ),
+      ref: useMergeRefs(ref, props.ref),
       onMouseMove
     });
     props = useFocusable(props);

package/esm/__chunks/{JCUV76PT.js → R2QZ3KXH.js}

@@ -1,17 +1,18 @@
+"use client";
 import {
   GroupLabelContext
-} from "./F5VAC7MB.js";
+} from "./3X3MDQGM.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useWrapElement
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/group/group.tsx
 import { useState } from "react";

package/esm/__chunks/{PH5SSOBF.js → RJDEYIKS.js}

@@ -1,11 +1,12 @@
+"use client";
 import {
   useDialogHeading
-} from "./IZ22SVTG.js";
+} from "./XHRZYRZ5.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 
 // src/popover/popover-heading.ts
 var usePopoverHeading = createHook((props) => {

package/esm/__chunks/{BMLNRUFQ.js → SHA3WOPI.js}

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

package/esm/__chunks/{IPFII6JW.js → SOK7T35T.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/toolbar/toolbar-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{DE62M4L2.js → SZD4L3WR.js}

@@ -1,31 +1,34 @@
+"use client";
 import {
   useRadioContext
-} from "./NRFPH2ON.js";
+} from "./XEV62JUQ.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 {
   useEvent,
+  useForceUpdate,
   useId,
   useMergeRefs,
   useTagName
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/radio/radio.ts
 import { useEffect, useRef } from "react";
+import { disabledFromProps } from "@ariakit/core/utils/misc";
 function getIsChecked(value, storeValue) {
   if (storeValue === void 0)
     return;
@@ -39,7 +42,7 @@ function isNativeRadio(tagName, type) {
 }
 var useRadio = createHook(
   (_a) => {
-    var _b = _a, { store, value, checked } = _b, props = __objRest(_b, ["store", "value", "checked"]);
+    var _b = _a, { store, name, value, checked } = _b, props = __objRest(_b, ["store", "name", "value", "checked"]);
     const context = useRadioContext();
     store = store || context;
     const id = useId(props.id);
@@ -61,14 +64,33 @@ var useRadio = createHook(
     const onChangeProp = props.onChange;
     const tagName = useTagName(ref, props.as || "input");
     const nativeRadio = isNativeRadio(tagName, props.type);
+    const disabled = disabledFromProps(props);
+    const [propertyUpdated, schedulePropertyUpdate] = useForceUpdate();
+    useEffect(() => {
+      const element = ref.current;
+      if (!element)
+        return;
+      if (nativeRadio)
+        return;
+      if (isChecked !== void 0) {
+        element.checked = isChecked;
+      }
+      if (name !== void 0) {
+        element.name = name;
+      }
+      if (value !== void 0) {
+        element.value = `${value}`;
+      }
+    }, [propertyUpdated, nativeRadio, isChecked, name, value]);
     const onChange = useEvent((event) => {
-      if (props.disabled) {
+      if (disabled) {
         event.preventDefault();
         event.stopPropagation();
         return;
       }
       if (!nativeRadio) {
         event.currentTarget.checked = true;
+        schedulePropertyUpdate();
       }
       onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
@@ -113,6 +135,7 @@ var useRadio = createHook(
     });
     props = useCompositeItem(__spreadValues({ store, clickOnEnter: !nativeRadio }, props));
     return __spreadValues({
+      name: nativeRadio ? name : void 0,
       value: nativeRadio ? value : void 0,
       checked: isChecked
     }, props);

package/esm/__chunks/{3FLPLDNL.js → T2EXCD3L.js}

@@ -1,21 +1,22 @@
+"use client";
 import {
   useCompositeTypeahead
-} from "./YVYWIVKG.js";
+} from "./HBGJOTTX.js";
 import {
   SelectScopedContextProvider,
   useSelectProviderContext
-} from "./US4OMDIO.js";
+} from "./5HVNGX6D.js";
 import {
   useComposite
-} from "./56TAEBRJ.js";
+} from "./FHDXHZLB.js";
 import {
   isHidden
-} from "./KK6NPMOP.js";
+} from "./A7CE3X6M.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useAttribute,
   useBooleanEvent,
@@ -23,12 +24,12 @@ import {
   useId,
   useMergeRefs,
   useWrapElement
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/select/select-list.tsx
 import { useEffect, useRef, useState } from "react";

package/esm/__chunks/{5DA3HK6G.js → TI7CMBHW.js}

@@ -1,10 +1,11 @@
+"use client";
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./547DFODS.js";
+} from "./7H5KSHHF.js";
 import {
   createStoreContext
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 
 // src/hovercard/hovercard-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{FRKOFFMT.js → TL67WVI6.js}

@@ -1,12 +1,13 @@
+"use client";
 import {
   isBackdrop
-} from "./IXXFVVA2.js";
+} from "./MKDDWKFK.js";
 import {
   walkTreeOutside
-} from "./VRCYQ6JX.js";
+} from "./72E5EPFF.js";
 import {
   setProperty
-} from "./FW6QFGFT.js";
+} from "./X6WIMZJE.js";
 
 // src/dialog/utils/mark-tree-outside.ts
 import { chain } from "@ariakit/core/utils/misc";

package/esm/__chunks/{UXIMR4AS.js → U7WGY7YX.js}

@@ -1,65 +1,66 @@
+"use client";
 import {
   DialogBackdrop
-} from "./NXB7YL3C.js";
+} from "./JSLLR7RC.js";
+import {
+  disableTree,
+  disableTreeOutside
+} from "./CLF4PQ7T.js";
+import {
+  disableAccessibilityTreeOutside
+} from "./BULCTPRV.js";
+import {
+  usePreventBodyScroll
+} from "./6BJGLK2C.js";
 import {
   useNestedDialogs
-} from "./HWJ7DGMR.js";
+} from "./IUB2BTEK.js";
 import {
   useHideOnInteractOutside
-} from "./7LB47D2O.js";
-import {
-  prependHiddenDismiss
-} from "./62DFK33R.js";
+} from "./XHJGS6Z5.js";
 import {
   isElementMarked,
   markTreeOutside
-} from "./FRKOFFMT.js";
-import {
-  disableTree,
-  disableTreeOutside
-} from "./EGOOWJGN.js";
+} from "./TL67WVI6.js";
 import {
-  disableAccessibilityTreeOutside
-} from "./7VWXICM7.js";
+  prependHiddenDismiss
+} from "./6GXEOXGT.js";
 import {
   createWalkTreeSnapshot
-} from "./VRCYQ6JX.js";
-import {
-  usePreventBodyScroll
-} from "./3LGVTTHD.js";
+} from "./72E5EPFF.js";
 import {
   useFocusableContainer
-} from "./REKKG4AV.js";
+} from "./HPP6CWMY.js";
 import {
   HeadingLevel
-} from "./6OMX4H3W.js";
+} from "./UYRJLDVS.js";
 import {
   usePortal
-} from "./IDYHJHXJ.js";
+} from "./E3XM3D67.js";
 import {
   isHidden,
   useDisclosureContent
-} from "./KK6NPMOP.js";
+} from "./A7CE3X6M.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./5YYGDU4E.js";
+} from "./G6BJYYBK.js";
 import {
   useFocusable
-} from "./YTHH33BK.js";
+} from "./KK7H3W2B.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./CFEUKV6C.js";
+} from "./3ORBWXWF.js";
 import {
   useDialogStore
-} from "./IZFXPXHG.js";
+} from "./2N7L2ZZE.js";
 import {
   useStoreState
-} from "./WHAB4XD6.js";
+} from "./XF5ITC6P.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -68,12 +69,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./J7Q2EO23.js";
+} from "./6O5OEQGF.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./PNRLI7OV.js";
+} from "./4R3V3JGP.js";
 
 // src/dialog/dialog.tsx
 import { useCallback, useEffect, useRef, useState } from "react";