@ariakit/react-core 0.2.14 → 0.2.16

package/cjs/dialog/utils/use-nested-dialogs.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _XE2DJMCIcjs = require('../../__chunks/XE2DJMCI.cjs');
+var _6BAHKJ5Kcjs = require('../../__chunks/6BAHKJ5K.cjs');
 require('../../__chunks/5WLTMVVQ.cjs');
 require('../../__chunks/7WUTS26Y.cjs');
 require('../../__chunks/72I2GWXF.cjs');
 
 
-exports.useNestedDialogs = _XE2DJMCIcjs.useNestedDialogs;
+exports.useNestedDialogs = _6BAHKJ5Kcjs.useNestedDialogs;

package/cjs/dialog/utils/walk-tree-outside.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _TFOIZV2Vcjs = require('../../__chunks/TFOIZV2V.cjs');
+var _PD5YFDLOcjs = require('../../__chunks/PD5YFDLO.cjs');
 require('../../__chunks/72I2GWXF.cjs');
 
 
 
-exports.isValidElement = _TFOIZV2Vcjs.isValidElement; exports.walkTreeOutside = _TFOIZV2Vcjs.walkTreeOutside;
+exports.isValidElement = _PD5YFDLOcjs.isValidElement; exports.walkTreeOutside = _PD5YFDLOcjs.walkTreeOutside;

package/cjs/dialog/utils/walk-tree-outside.d.ts

@@ -1,4 +1,4 @@
 type Elements = Array<Element | null>;
 export declare function isValidElement(element: Element, ignoredElements: Elements): boolean;
-export declare function walkTreeOutside(elements: Elements, callback: (element: Element) => void, ancestorCallback?: (element: Element) => void): void;
+export declare function walkTreeOutside(elements: Elements, callback: (element: Element, originalElement: Element) => void, ancestorCallback?: (element: Element, originalElement: Element) => void): void;
 export {};

package/cjs/disclosure/disclosure-store.cjs

@@ -2,8 +2,8 @@
 
 
 
-var _JMBF4JHZcjs = require('../__chunks/JMBF4JHZ.cjs');
-require('../__chunks/KLWT4P56.cjs');
+var _FNKDTHTNcjs = require('../__chunks/FNKDTHTN.cjs');
+require('../__chunks/QW7NAUIX.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -11,4 +11,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useDisclosureStore = _JMBF4JHZcjs.useDisclosureStore; exports.useDisclosureStoreOptions = _JMBF4JHZcjs.useDisclosureStoreOptions; exports.useDisclosureStoreProps = _JMBF4JHZcjs.useDisclosureStoreProps;
+exports.useDisclosureStore = _FNKDTHTNcjs.useDisclosureStore; exports.useDisclosureStoreOptions = _FNKDTHTNcjs.useDisclosureStoreOptions; exports.useDisclosureStoreProps = _FNKDTHTNcjs.useDisclosureStoreProps;

package/cjs/focusable/focusable.d.ts

@@ -12,7 +12,20 @@ import type { As, Options, Props } from "../utils/types.js";
  */
 export declare const useFocusable: import("../utils/types.js").Hook<FocusableOptions<"div">>;
 /**
- * Renders an element that can be focused.
+ * Renders a focusable element. When this element gains keyboard focus, it gets
+ * a
+ * [`data-focus-visible`](https://ariakit.org/guide/styling#data-focus-visible)
+ * attribute and triggers the
+ * [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible)
+ * prop.
+ *
+ * The `Focusable` component supports the
+ * [`disabled`](https://ariakit.org/reference/focusable#disabled) prop for all
+ * elements, even those not supporting the native `disabled` attribute. Disabled
+ * elements using the `Focusable` component may be still accessible via keyboard
+ * by using the the
+ * [`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)
+ * prop.
  * @see https://ariakit.org/components/focusable
  * @example
  * ```jsx
@@ -22,31 +35,56 @@ export declare const useFocusable: import("../utils/types.js").Hook<FocusableOpt
 export declare const Focusable: import("../utils/types.js").Component<FocusableOptions<"div">>;
 export interface FocusableOptions<T extends As = "div"> extends Options<T> {
     /**
-     * Determines whether the focusable element is disabled. If the focusable
-     * element doesn't support the native `disabled` attribute, the
-     * `aria-disabled` attribute will be used instead.
+     * Determines if the element is disabled. This sets the `aria-disabled`
+     * attribute accordingly, enabling support for all elements, including those
+     * that don't support the native `disabled` attribute.
+     *
+     * This feature can be combined with the
+     * [`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)
+     * prop to make disabled elements still accessible via keyboard.
+     *
+     * Live examples:
+     * - [Submenu](https://ariakit.org/examples/menu-nested)
      * @default false
      */
     disabled?: boolean;
     /**
-     * Automatically focus the element when it is mounted. It works similarly to
-     * the native `autoFocus` prop, but solves an issue where the element is given
-     * focus before React effects can run.
+     * Automatically focuses the element upon mounting, similar to the native
+     * `autoFocus` prop. This addresses an issue where the element with the native
+     * `autoFocus` attribute might receive focus before React effects are
+     * executed.
+     *
+     * The `autoFocus` prop can also be used with
+     * [Focusable](https://ariakit.org/components/focusable) elements within a
+     * [Dialog](https://ariakit.org/components/dialog) component, establishing the
+     * initial focus as the dialog opens.
      *
      * Live examples:
      * - [Dialog with React
      *   Router](https://ariakit.org/examples/dialog-react-router)
+     * - [Nested Dialog](https://ariakit.org/examples/dialog-nested)
      * @default false
      */
     autoFocus?: boolean;
     /**
-     * Whether the element should be focusable.
+     * Determines if [Focusable](https://ariakit.org/components/focusable)
+     * features should be active on non-native focusable elements.
+     *
+     * **Note**: This prop only turns off the additional features provided by the
+     * [Focusable](https://ariakit.org/components/focusable) component. Non-native
+     * focusable elements will lose their focusability entirely. However, native
+     * focusable elements will retain their inherent focusability, but without
+     * added features such as improved
+     * [`autoFocus`](https://ariakit.org/reference/focusable#autofocus),
+     * [`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled),
+     * [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible),
+     * etc.
      * @default true
      */
     focusable?: boolean;
     /**
-     * Determines whether the element should be focusable even when it is
-     * disabled.
+     * Indicates whether the element should be focusable even when it is
+     * [`disabled`](https://ariakit.org/reference/focusable#disabled).
      *
      * This is important when discoverability is a concern. For example:
      *
@@ -57,12 +95,13 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * functionality is primarily via their presence on the toolbar.
      *
      * Learn more on [Focusability of disabled
-     * controls](https://www.w3.org/TR/wai-aria-practices-1.2/#kbd_disabled_controls).
+     * controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).
      */
     accessibleWhenDisabled?: boolean;
     /**
-     * Custom event handler that is called when the element is focused via the
-     * keyboard or when a key is pressed while the element is focused.
+     * Custom event handler invoked when the element gains focus through keyboard
+     * interaction or a key press occurs while the element is in focus. This is a
+     * programmatic equivalent of the `data-focus-visible` attribute.
      *
      * Live examples:
      * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)

package/cjs/form/form-checkbox.cjs

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _VBRBBWCPcjs = require('../__chunks/VBRBBWCP.cjs');
+var _NH6Q6YSMcjs = require('../__chunks/NH6Q6YSM.cjs');
 
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _GICQ7PSPcjs = require('../__chunks/GICQ7PSP.cjs');
+var _BIJBAZHTcjs = require('../__chunks/BIJBAZHT.cjs');
 
 
-var _LG6XOVBQcjs = require('../__chunks/LG6XOVBQ.cjs');
+var _VGBPLBUZcjs = require('../__chunks/VGBPLBUZ.cjs');
 require('../__chunks/FO6MB5HF.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/SIVNE3PR.cjs');
+require('../__chunks/ETK4FMZH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/I4JDDV3V.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
@@ -21,7 +21,7 @@ require('../__chunks/LHHW5ZQP.cjs');
 
 
 var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/KLWT4P56.cjs');
+require('../__chunks/QW7NAUIX.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -42,12 +42,12 @@ var useFormCheckbox = _CWY2PHPRcjs.createHook.call(void 0,
       process.env.NODE_ENV !== "production" && "FormCheckbox must be wrapped in a Form component"
     );
     const name = `${nameProp}`;
-    const checkboxStore = _LG6XOVBQcjs.useCheckboxStore.call(void 0, {
+    const checkboxStore = _VGBPLBUZcjs.useCheckboxStore.call(void 0, {
       value: store.useValue(name),
       setValue: (value2) => store == null ? void 0 : store.setValue(name, value2)
     });
-    props = _GICQ7PSPcjs.useCheckbox.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
-    props = _VBRBBWCPcjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _BIJBAZHTcjs.useCheckbox.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
+    props = _NH6Q6YSMcjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       name,
       "aria-labelledby": void 0

package/cjs/form/form-description.cjs

@@ -3,7 +3,7 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _SIVNE3PRcjs = require('../__chunks/SIVNE3PR.cjs');
+var _ETK4FMZHcjs = require('../__chunks/ETK4FMZH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
@@ -55,7 +55,7 @@ var useFormDescription = _CWY2PHPRcjs.createHook.call(void 0,
     }, props), {
       ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = _SIVNE3PRcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _ETK4FMZHcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );

package/cjs/form/form-error.cjs

@@ -3,7 +3,7 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _SIVNE3PRcjs = require('../__chunks/SIVNE3PR.cjs');
+var _ETK4FMZHcjs = require('../__chunks/ETK4FMZH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
@@ -61,7 +61,7 @@ var useFormError = _CWY2PHPRcjs.createHook.call(void 0,
     }, props), {
       ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = _SIVNE3PRcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _ETK4FMZHcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );

package/cjs/form/form-field.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _VBRBBWCPcjs = require('../__chunks/VBRBBWCP.cjs');
+var _NH6Q6YSMcjs = require('../__chunks/NH6Q6YSM.cjs');
 require('../__chunks/OTRABJ4Y.cjs');
-require('../__chunks/SIVNE3PR.cjs');
+require('../__chunks/ETK4FMZH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/CWY2PHPR.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
@@ -12,4 +12,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.FormField = _VBRBBWCPcjs.FormField; exports.useFormField = _VBRBBWCPcjs.useFormField;
+exports.FormField = _NH6Q6YSMcjs.FormField; exports.useFormField = _NH6Q6YSMcjs.useFormField;

package/cjs/form/form-input.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _VBRBBWCPcjs = require('../__chunks/VBRBBWCP.cjs');
+var _NH6Q6YSMcjs = require('../__chunks/NH6Q6YSM.cjs');
 
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
-require('../__chunks/SIVNE3PR.cjs');
+require('../__chunks/ETK4FMZH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
@@ -52,7 +52,7 @@ var useFormInput = _CWY2PHPRcjs.createHook.call(void 0,
       onChange
     });
     props = _I4JDDV3Vcjs.useFocusable.call(void 0, props);
-    props = _VBRBBWCPcjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, name }, props));
+    props = _NH6Q6YSMcjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, name }, props));
     return props;
   }
 );

package/cjs/form/form-label.cjs

@@ -3,7 +3,7 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _SIVNE3PRcjs = require('../__chunks/SIVNE3PR.cjs');
+var _ETK4FMZHcjs = require('../__chunks/ETK4FMZH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
@@ -89,7 +89,7 @@ var useFormLabel = _CWY2PHPRcjs.createHook.call(void 0,
         }, props.style)
       });
     }
-    props = _SIVNE3PRcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _ETK4FMZHcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );

package/cjs/form/form-push.cjs

@@ -7,7 +7,7 @@ var _NXDHPYNQcjs = require('../__chunks/NXDHPYNQ.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 
 
-var _SIVNE3PRcjs = require('../__chunks/SIVNE3PR.cjs');
+var _ETK4FMZHcjs = require('../__chunks/ETK4FMZH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/I4JDDV3V.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
@@ -104,7 +104,7 @@ var useFormPush = _CWY2PHPRcjs.createHook.call(void 0,
       onClick
     });
     props = _NXDHPYNQcjs.useButton.call(void 0, props);
-    props = _SIVNE3PRcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _ETK4FMZHcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );

package/cjs/form/form-radio.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _VBRBBWCPcjs = require('../__chunks/VBRBBWCP.cjs');
+var _NH6Q6YSMcjs = require('../__chunks/NH6Q6YSM.cjs');
 
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _AMRCH2Z5cjs = require('../__chunks/AMRCH2Z5.cjs');
+var _BW4OCE2Wcjs = require('../__chunks/BW4OCE2W.cjs');
 require('../__chunks/7JKSDWVF.cjs');
-require('../__chunks/G2UVEERG.cjs');
+require('../__chunks/AHLK6SVF.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/SIVNE3PR.cjs');
+require('../__chunks/ETK4FMZH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/KLZID3QO.cjs');
 require('../__chunks/5VOPA6D3.cjs');
@@ -21,7 +21,7 @@ require('../__chunks/LHHW5ZQP.cjs');
 
 
 var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/KLWT4P56.cjs');
+require('../__chunks/QW7NAUIX.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -60,8 +60,8 @@ var useFormRadio = _CWY2PHPRcjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _AMRCH2Z5cjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { value }, props));
-    props = _VBRBBWCPcjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _BW4OCE2Wcjs.useRadio.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { value }, props));
+    props = _NH6Q6YSMcjs.useFormField.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       name,
       "aria-labelledby": void 0

package/cjs/form/form-store.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _44MSVBJLcjs = require('../__chunks/44MSVBJL.cjs');
+var _VKPXIX7Dcjs = require('../__chunks/VKPXIX7D.cjs');
 
 
 
-var _KLWT4P56cjs = require('../__chunks/KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('../__chunks/QW7NAUIX.cjs');
 
 
 var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
@@ -19,13 +19,13 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 var _react = require('react');
 var _formstore = require('@ariakit/core/form/form-store'); var Core = _interopRequireWildcard(_formstore);
 function useFormStoreOptions(props) {
-  return _44MSVBJLcjs.useCollectionStoreOptions.call(void 0, props);
+  return _VKPXIX7Dcjs.useCollectionStoreOptions.call(void 0, props);
 }
 function useFormStoreProps(store, props) {
-  store = _44MSVBJLcjs.useCollectionStoreProps.call(void 0, store, props);
-  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "values", "setValues");
-  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "errors", "setErrors");
-  _KLWT4P56cjs.useStoreProps.call(void 0, store, props, "touched", "setTouched");
+  store = _VKPXIX7Dcjs.useCollectionStoreProps.call(void 0, store, props);
+  _QW7NAUIXcjs.useStoreProps.call(void 0, store, props, "values", "setValues");
+  _QW7NAUIXcjs.useStoreProps.call(void 0, store, props, "errors", "setErrors");
+  _QW7NAUIXcjs.useStoreProps.call(void 0, store, props, "touched", "setTouched");
   const useValue = _react.useCallback.call(void 0, 
     (name) => store.useState(() => store.getValue(name)),
     [store]
@@ -57,7 +57,7 @@ function useFormStoreProps(store, props) {
 }
 function useFormStore(props = {}) {
   const options = useFormStoreOptions(props);
-  const store = _KLWT4P56cjs.useStore.call(void 0, () => Core.createFormStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options)));
+  const store = _QW7NAUIXcjs.useStore.call(void 0, () => Core.createFormStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options)));
   return useFormStoreProps(store, props);
 }
 

package/cjs/hovercard/hovercard-anchor.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _GHDSJPDPcjs = require('../__chunks/GHDSJPDP.cjs');
+var _2CBM6TG2cjs = require('../__chunks/2CBM6TG2.cjs');
 require('../__chunks/I4JDDV3V.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/CWY2PHPR.cjs');
@@ -11,4 +11,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.HovercardAnchor = _GHDSJPDPcjs.HovercardAnchor; exports.useHovercardAnchor = _GHDSJPDPcjs.useHovercardAnchor;
+exports.HovercardAnchor = _2CBM6TG2cjs.HovercardAnchor; exports.useHovercardAnchor = _2CBM6TG2cjs.useHovercardAnchor;

package/cjs/hovercard/hovercard-disclosure.cjs

@@ -29,6 +29,7 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
+var _store = require('@ariakit/core/utils/store');
 var _jsxruntime = require('react/jsx-runtime');
 var useHovercardDisclosure = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
@@ -59,21 +60,18 @@ var useHovercardDisclosure = _CWY2PHPRcjs.createHook.call(void 0,
       return _events.addGlobalEventListener.call(void 0, "focusout", onBlur, true);
     }, [visible, store]);
     _react.useEffect.call(void 0, () => {
-      return store.sync(
-        (state) => {
-          const anchor = state.anchorElement;
-          if (!anchor)
+      return _store.sync.call(void 0, store, ["anchorElement"], (state) => {
+        const anchor = state.anchorElement;
+        if (!anchor)
+          return;
+        const observer = new MutationObserver(() => {
+          if (!anchor.hasAttribute("data-focus-visible"))
             return;
-          const observer = new MutationObserver(() => {
-            if (!anchor.hasAttribute("data-focus-visible"))
-              return;
-            setVisible(true);
-          });
-          observer.observe(anchor, { attributeFilter: ["data-focus-visible"] });
-          return () => observer.disconnect();
-        },
-        ["anchorElement"]
-      );
+          setVisible(true);
+        });
+        observer.observe(anchor, { attributeFilter: ["data-focus-visible"] });
+        return () => observer.disconnect();
+      });
     }, [store]);
     const onClickProp = props.onClick;
     const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {

package/cjs/hovercard/hovercard-store.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _LE4VG2T4cjs = require('../__chunks/LE4VG2T4.cjs');
-require('../__chunks/745H7MDU.cjs');
-require('../__chunks/KD3RAGO6.cjs');
-require('../__chunks/JMBF4JHZ.cjs');
-require('../__chunks/KLWT4P56.cjs');
+var _EYVMZOCScjs = require('../__chunks/EYVMZOCS.cjs');
+require('../__chunks/GAQNLEPX.cjs');
+require('../__chunks/EWI7RF64.cjs');
+require('../__chunks/FNKDTHTN.cjs');
+require('../__chunks/QW7NAUIX.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -14,4 +14,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.useHovercardStore = _LE4VG2T4cjs.useHovercardStore; exports.useHovercardStoreOptions = _LE4VG2T4cjs.useHovercardStoreOptions; exports.useHovercardStoreProps = _LE4VG2T4cjs.useHovercardStoreProps;
+exports.useHovercardStore = _EYVMZOCScjs.useHovercardStore; exports.useHovercardStoreOptions = _EYVMZOCScjs.useHovercardStoreOptions; exports.useHovercardStoreProps = _EYVMZOCScjs.useHovercardStoreProps;

package/cjs/hovercard/hovercard.cjs

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _FNDPLH5Rcjs = require('../__chunks/FNDPLH5R.cjs');
+var _EVXAMK7Dcjs = require('../__chunks/EVXAMK7D.cjs');
 require('../__chunks/OLGMV24U.cjs');
-require('../__chunks/LZV54A37.cjs');
-require('../__chunks/3MC2XJ5F.cjs');
-require('../__chunks/JQNHOFVL.cjs');
-require('../__chunks/ZWMVFMQY.cjs');
-require('../__chunks/O22LNQHS.cjs');
+require('../__chunks/FVVV75ZK.cjs');
+require('../__chunks/OHBR6IPU.cjs');
+require('../__chunks/4PH5LF7R.cjs');
+require('../__chunks/CHVOMF22.cjs');
+require('../__chunks/FA3DXDDT.cjs');
 require('../__chunks/F4UT5TWU.cjs');
 require('../__chunks/ELOQI33M.cjs');
-require('../__chunks/XE2DJMCI.cjs');
-require('../__chunks/HUVFPCMZ.cjs');
-require('../__chunks/FSADYSOP.cjs');
+require('../__chunks/6BAHKJ5K.cjs');
+require('../__chunks/KJBIRAH5.cjs');
+require('../__chunks/HTEAWNBY.cjs');
 require('../__chunks/Z3TLXRS7.cjs');
 require('../__chunks/X2GXTE3P.cjs');
 require('../__chunks/56NPFF7P.cjs');
 require('../__chunks/W32FX7DM.cjs');
 require('../__chunks/BWQVQDGC.cjs');
 require('../__chunks/G6F4DPHM.cjs');
-require('../__chunks/TFOIZV2V.cjs');
+require('../__chunks/PD5YFDLO.cjs');
 require('../__chunks/SOPRUU56.cjs');
 require('../__chunks/YPXV3X22.cjs');
 require('../__chunks/RXCUKHX3.cjs');
@@ -33,12 +33,12 @@ require('../__chunks/I4JDDV3V.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/QR3ATHWU.cjs');
 require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/JMBF4JHZ.cjs');
-require('../__chunks/KLWT4P56.cjs');
+require('../__chunks/FNKDTHTN.cjs');
+require('../__chunks/QW7NAUIX.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Hovercard = _FNDPLH5Rcjs.Hovercard; exports.useHovercard = _FNDPLH5Rcjs.useHovercard;
+exports.Hovercard = _EVXAMK7Dcjs.Hovercard; exports.useHovercard = _EVXAMK7Dcjs.useHovercard;

package/cjs/menu/menu-bar-store.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _FWCSM5BCcjs = require('../__chunks/FWCSM5BC.cjs');
-require('../__chunks/44MSVBJL.cjs');
+var _CY7GQARXcjs = require('../__chunks/CY7GQARX.cjs');
+require('../__chunks/VKPXIX7D.cjs');
 
 
-var _KLWT4P56cjs = require('../__chunks/KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('../__chunks/QW7NAUIX.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 
@@ -15,14 +15,14 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 // src/menu/menu-bar-store.ts
 var _menubarstore = require('@ariakit/core/menu/menu-bar-store'); var Core = _interopRequireWildcard(_menubarstore);
 function useMenuBarStoreOptions(props) {
-  return _FWCSM5BCcjs.useCompositeStoreOptions.call(void 0, props);
+  return _CY7GQARXcjs.useCompositeStoreOptions.call(void 0, props);
 }
 function useMenuBarStoreProps(store, props) {
-  return _FWCSM5BCcjs.useCompositeStoreProps.call(void 0, store, props);
+  return _CY7GQARXcjs.useCompositeStoreProps.call(void 0, store, props);
 }
 function useMenuBarStore(props = {}) {
   const options = useMenuBarStoreOptions(props);
-  const store = _KLWT4P56cjs.useStore.call(void 0, 
+  const store = _QW7NAUIXcjs.useStore.call(void 0, 
     () => Core.createMenuBarStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useMenuBarStoreProps(store, props);

package/cjs/menu/menu-button.cjs

@@ -17,7 +17,7 @@ require('../__chunks/6MKUVCEN.cjs');
 var _Q5EWS32Zcjs = require('../__chunks/Q5EWS32Z.cjs');
 
 
-var _GHDSJPDPcjs = require('../__chunks/GHDSJPDP.cjs');
+var _2CBM6TG2cjs = require('../__chunks/2CBM6TG2.cjs');
 require('../__chunks/OSQTQ6OF.cjs');
 require('../__chunks/KLZID3QO.cjs');
 require('../__chunks/5VOPA6D3.cjs');
@@ -31,7 +31,7 @@ require('../__chunks/LHHW5ZQP.cjs');
 var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
 
 
-var _KLWT4P56cjs = require('../__chunks/KLWT4P56.cjs');
+var _QW7NAUIXcjs = require('../__chunks/QW7NAUIX.cjs');
 
 
 
@@ -47,6 +47,7 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 // src/menu/menu-button.tsx
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
+var _store = require('@ariakit/core/utils/store');
 var _jsxruntime = require('react/jsx-runtime');
 function getInitialFocus(event, dir) {
   const keyMap = {
@@ -67,8 +68,10 @@ var useMenuButton = _CWY2PHPRcjs.createHook.call(void 0,
     const parentIsMenuBar = !!parentMenuBar && !hasParentMenu;
     const disabled = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
     _react.useEffect.call(void 0, () => {
-      store.setDisclosureElement(ref.current);
-    });
+      return _store.sync.call(void 0, store, ["disclosureElement"], () => {
+        store.setState("disclosureElement", ref.current);
+      });
+    }, [store]);
     const onFocusProp = props.onFocus;
     const onFocus = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
@@ -126,7 +129,7 @@ var useMenuButton = _CWY2PHPRcjs.createHook.call(void 0,
       props = _72I2GWXFcjs.__spreadValues.call(void 0, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) }, props);
     }
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
-    const parentContentElement = _KLWT4P56cjs.useStoreState.call(void 0, parentMenu, "contentElement");
+    const parentContentElement = _QW7NAUIXcjs.useStoreState.call(void 0, parentMenu, "contentElement");
     const role = hasParentMenu || parentIsMenuBar ? _dom.getPopupItemRole.call(void 0, parentContentElement, "menuitem") : void 0;
     const contentElement = store.useState("contentElement");
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
@@ -139,7 +142,7 @@ var useMenuButton = _CWY2PHPRcjs.createHook.call(void 0,
       onKeyDown,
       onClick
     });
-    props = _GHDSJPDPcjs.useHovercardAnchor.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _2CBM6TG2cjs.useHovercardAnchor.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       focusable,
       accessibleWhenDisabled