@ariakit/react-core 0.2.15 → 0.2.17

package/esm/combobox/combobox.js

@@ -271,9 +271,6 @@ var useCombobox = createHook(
           setCanInline(textInserted && caretAtEnd);
         }
       }
-      if (showOnChangeProp(event)) {
-        store.show();
-      }
       if (setValueOnChangeProp(event)) {
         const isSameValue = value2 === store.getState().value;
         store.setValue(value2);
@@ -281,6 +278,9 @@ var useCombobox = createHook(
           forceValueUpdate();
         }
       }
+      if (showOnChangeProp(event)) {
+        store.show();
+      }
       if (!autoSelect || !canAutoSelectRef.current) {
         store.setActiveId(null);
       }

package/esm/command/command.d.ts

@@ -13,9 +13,16 @@ import type { As, Props } from "../utils/types.js";
  */
 export declare const useCommand: import("../utils/types.js").Hook<CommandOptions<"button">>;
 /**
- * Renders a clickable element (like a button). If the underlying element is not
- * a native clickable element, this component will pass additional attributes to
- * make sure it's accessible.
+ * Renders a clickable element, which is a `button` by default, and inherits
+ * features from the [`Focusable`](https://ariakit.org/reference/focusable)
+ * component.
+ *
+ * If the base element isn't a native clickable one, this component will provide
+ * extra attributes and event handlers to ensure accessibility. It can be
+ * activated with the keyboard using the
+ * [`clickOnEnter`](https://ariakit.org/reference/command#clickonenter) and
+ * [`clickOnSpace`](https://ariakit.org/reference/command#clickonspace)
+ * props. Both are set to `true` by default.
  * @see https://ariakit.org/components/command
  * @example
  * ```jsx
@@ -25,12 +32,18 @@ export declare const useCommand: import("../utils/types.js").Hook<CommandOptions
 export declare const Command: import("../utils/types.js").Component<CommandOptions<"button">>;
 export interface CommandOptions<T extends As = "button"> extends FocusableOptions<T> {
     /**
-     * If true, pressing the enter key will trigger a click on the button.
+     * If set to `true`, pressing the enter key while this element is focused will
+     * trigger a click on the element, regardless of whether it's a native button
+     * or not. If this prop is set to `false`, pressing enter will not initiate a
+     * click.
      * @default true
      */
     clickOnEnter?: boolean;
     /**
-     * If true, pressing the space key will trigger a click on the button.
+     * If set to `true`, pressing and releasing the space key while this element
+     * is focused will trigger a click on the element, regardless of whether it's
+     * a native button or not. If this prop is set to `false`, space will not
+     * initiate a click.
      * @default true
      */
     clickOnSpace?: boolean;

package/esm/composite/composite-container.js

@@ -1,11 +1,11 @@
 import {
   CompositeContainer,
   useCompositeContainer
-} from "../__chunks/XEEFNNEM.js";
+} from "../__chunks/P2MU7N5N.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/WJ37OVG2.js";
 import "../__chunks/NQJBHION.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/composite/composite-item.js

@@ -1,16 +1,16 @@
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/VVJJXZ6R.js";
+} from "../__chunks/FVD2NJZN.js";
 import "../__chunks/P4RGQGTG.js";
-import "../__chunks/HGFTMLQ7.js";
+import "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/WJ37OVG2.js";
 import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/NQJBHION.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/composite/composite-overflow-disclosure.js

@@ -7,9 +7,9 @@ import "../__chunks/O6CV6VRM.js";
 import "../__chunks/7PHM3O7I.js";
 import {
   useCompositeItem
-} from "../__chunks/VVJJXZ6R.js";
+} from "../__chunks/FVD2NJZN.js";
 import "../__chunks/P4RGQGTG.js";
-import "../__chunks/HGFTMLQ7.js";
+import "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/WJ37OVG2.js";
@@ -21,7 +21,7 @@ import {
   createElement,
   createHook
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/P63NRZ4A.js";
 import {
   useEvent,
   useMergeRefs
@@ -35,14 +35,15 @@ import {
 
 // src/composite/composite-overflow-disclosure.ts
 import { useEffect, useRef, useState } from "react";
+import { sync } from "@ariakit/core/utils/store";
 var useCompositeOverflowDisclosure = createHook((_a) => {
   var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
   const ref = useRef(null);
   const [shouldRegisterItem, setShouldRegisterItem] = useState(false);
   useEffect(() => {
-    return store.sync(() => {
+    return sync(store, ["disclosureElement"], () => {
       store.setDisclosureElement(ref.current);
-    }, ["disclosureElement"]);
+    });
   }, [store]);
   const onFocusProp = props.onFocus;
   const onFocus = useEvent((event) => {

package/esm/composite/composite-overflow-store.js

@@ -1,12 +1,12 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/SPTQP5I5.js";
-import "../__chunks/RRY7OZXM.js";
-import "../__chunks/JJW3R5IK.js";
+} from "../__chunks/3PKTK2K7.js";
+import "../__chunks/WC3GK4CL.js";
+import "../__chunks/SWJ5EOOS.js";
 import {
   useStore
-} from "../__chunks/MXMUDZTV.js";
+} from "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/composite/composite-overflow.js

@@ -1,13 +1,13 @@
 import {
   usePopover
-} from "../__chunks/JHKKFNCJ.js";
-import "../__chunks/BIPBU2AE.js";
-import "../__chunks/H3BU75TA.js";
+} from "../__chunks/K5MSER23.js";
+import "../__chunks/SZIMOWLA.js";
+import "../__chunks/5IZLNERH.js";
 import "../__chunks/NHPU54IO.js";
 import "../__chunks/GDORSOK6.js";
 import "../__chunks/3LAWLNOX.js";
 import "../__chunks/CJI67A3R.js";
-import "../__chunks/OEA63YXU.js";
+import "../__chunks/PLOINBVB.js";
 import "../__chunks/E5XSMSHD.js";
 import "../__chunks/LEBYH5FW.js";
 import "../__chunks/IXXFVVA2.js";
@@ -34,8 +34,8 @@ import {
   createElement,
   createHook
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/JJW3R5IK.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/SWJ5EOOS.js";
+import "../__chunks/P63NRZ4A.js";
 import {
   useEvent
 } from "../__chunks/J7Q2EO23.js";

package/esm/composite/composite-renderer.js

@@ -1,15 +1,15 @@
 import {
   CompositeRenderer,
   useCompositeRenderer
-} from "../__chunks/I6WUAEGK.js";
+} from "../__chunks/DITMA5PJ.js";
 import {
   getCollectionRendererItem,
   getCollectionRendererItemId
-} from "../__chunks/QLIKSQTQ.js";
+} from "../__chunks/ONFAHVST.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/WJ37OVG2.js";
 import "../__chunks/NQJBHION.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/composite/composite-store.js

@@ -2,9 +2,9 @@ import {
   useCompositeStore,
   useCompositeStoreOptions,
   useCompositeStoreProps
-} from "../__chunks/36V3RYFS.js";
-import "../__chunks/WNGYZL6A.js";
-import "../__chunks/MXMUDZTV.js";
+} from "../__chunks/7KULBIZY.js";
+import "../__chunks/RS7KBRGA.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/dialog/dialog-backdrop.js

@@ -1,6 +1,6 @@
 import {
   DialogBackdrop
-} from "../__chunks/H3BU75TA.js";
+} from "../__chunks/5IZLNERH.js";
 import "../__chunks/LEBYH5FW.js";
 import "../__chunks/IXXFVVA2.js";
 import "../__chunks/FW6QFGFT.js";
@@ -8,8 +8,8 @@ import "../__chunks/5M4ITSXL.js";
 import "../__chunks/M5I7AM4N.js";
 import "../__chunks/WHEEIXMF.js";
 import "../__chunks/NQJBHION.js";
-import "../__chunks/JJW3R5IK.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/SWJ5EOOS.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/dialog/dialog-store.js

@@ -2,9 +2,9 @@ import {
   useDialogStore,
   useDialogStoreOptions,
   useDialogStoreProps
-} from "../__chunks/RRY7OZXM.js";
-import "../__chunks/JJW3R5IK.js";
-import "../__chunks/MXMUDZTV.js";
+} from "../__chunks/WC3GK4CL.js";
+import "../__chunks/SWJ5EOOS.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/dialog/dialog.js

@@ -1,13 +1,13 @@
 import {
   Dialog,
   useDialog
-} from "../__chunks/BIPBU2AE.js";
-import "../__chunks/H3BU75TA.js";
+} from "../__chunks/SZIMOWLA.js";
+import "../__chunks/5IZLNERH.js";
 import "../__chunks/NHPU54IO.js";
 import "../__chunks/GDORSOK6.js";
 import "../__chunks/3LAWLNOX.js";
 import "../__chunks/CJI67A3R.js";
-import "../__chunks/OEA63YXU.js";
+import "../__chunks/PLOINBVB.js";
 import "../__chunks/E5XSMSHD.js";
 import "../__chunks/LEBYH5FW.js";
 import "../__chunks/IXXFVVA2.js";
@@ -29,8 +29,8 @@ import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/FL2AU7YJ.js";
 import "../__chunks/NQJBHION.js";
-import "../__chunks/JJW3R5IK.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/SWJ5EOOS.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/dialog/utils/use-nested-dialogs.js

@@ -1,6 +1,6 @@
 import {
   useNestedDialogs
-} from "../../__chunks/OEA63YXU.js";
+} from "../../__chunks/PLOINBVB.js";
 import "../../__chunks/J7Q2EO23.js";
 import "../../__chunks/CP3U4HPL.js";
 import "../../__chunks/PNRLI7OV.js";

package/esm/disclosure/disclosure-store.js

@@ -2,8 +2,8 @@ import {
   useDisclosureStore,
   useDisclosureStoreOptions,
   useDisclosureStoreProps
-} from "../__chunks/JJW3R5IK.js";
-import "../__chunks/MXMUDZTV.js";
+} from "../__chunks/SWJ5EOOS.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/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/esm/form/form-checkbox.js

@@ -1,18 +1,18 @@
 import {
   useFormField
-} from "../__chunks/QHXLY5NM.js";
+} from "../__chunks/5QHNNZNE.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
 import {
   useCheckbox
-} from "../__chunks/JWSYWSCR.js";
+} from "../__chunks/3CJV7UYE.js";
 import {
   useCheckboxStore
-} from "../__chunks/4LTL37RB.js";
+} from "../__chunks/6TMY6IFR.js";
 import "../__chunks/M5KYRTQG.js";
 import "../__chunks/P4RGQGTG.js";
-import "../__chunks/HGFTMLQ7.js";
+import "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
@@ -21,7 +21,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {

package/esm/form/form-description.js

@@ -3,7 +3,7 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/HGFTMLQ7.js";
+} from "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,

package/esm/form/form-error.js

@@ -3,7 +3,7 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/HGFTMLQ7.js";
+} from "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,

package/esm/form/form-field.js

@@ -1,9 +1,9 @@
 import {
   FormField,
   useFormField
-} from "../__chunks/QHXLY5NM.js";
+} from "../__chunks/5QHNNZNE.js";
 import "../__chunks/P3I4MECH.js";
-import "../__chunks/HGFTMLQ7.js";
+import "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/NQJBHION.js";
 import "../__chunks/J7Q2EO23.js";

package/esm/form/form-input.js

@@ -1,10 +1,10 @@
 import {
   useFormField
-} from "../__chunks/QHXLY5NM.js";
+} from "../__chunks/5QHNNZNE.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
-import "../__chunks/HGFTMLQ7.js";
+import "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import {
   useFocusable

package/esm/form/form-label.js

@@ -3,7 +3,7 @@ import {
 } from "../__chunks/P3I4MECH.js";
 import {
   useCollectionItem
-} from "../__chunks/HGFTMLQ7.js";
+} from "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import {
   createElement,

package/esm/form/form-push.js

@@ -7,7 +7,7 @@ import {
 import "../__chunks/P4RGQGTG.js";
 import {
   useCollectionItem
-} from "../__chunks/HGFTMLQ7.js";
+} from "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";

package/esm/form/form-radio.js

@@ -1,16 +1,16 @@
 import {
   useFormField
-} from "../__chunks/QHXLY5NM.js";
+} from "../__chunks/5QHNNZNE.js";
 import {
   FormContext
 } from "../__chunks/P3I4MECH.js";
 import {
   useRadio
-} from "../__chunks/OJNIJGF2.js";
+} from "../__chunks/UVKFBOMX.js";
 import "../__chunks/6I2PARRP.js";
-import "../__chunks/VVJJXZ6R.js";
+import "../__chunks/FVD2NJZN.js";
 import "../__chunks/P4RGQGTG.js";
-import "../__chunks/HGFTMLQ7.js";
+import "../__chunks/VFNGSUSF.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/WJ37OVG2.js";
@@ -21,7 +21,7 @@ import {
   createHook,
   createMemoComponent
 } from "../__chunks/NQJBHION.js";
-import "../__chunks/MXMUDZTV.js";
+import "../__chunks/P63NRZ4A.js";
 import {
   useEvent
 } from "../__chunks/J7Q2EO23.js";

package/esm/form/form-store.js

@@ -1,11 +1,11 @@
 import {
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "../__chunks/WNGYZL6A.js";
+} from "../__chunks/RS7KBRGA.js";
 import {
   useStore,
   useStoreProps
-} from "../__chunks/MXMUDZTV.js";
+} from "../__chunks/P63NRZ4A.js";
 import {
   useEvent
 } from "../__chunks/J7Q2EO23.js";

package/esm/hovercard/hovercard-anchor.js

@@ -1,7 +1,7 @@
 import {
   HovercardAnchor,
   useHovercardAnchor
-} from "../__chunks/I3PXTXPI.js";
+} from "../__chunks/Y5XLHDDM.js";
 import "../__chunks/MYID4V27.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/NQJBHION.js";

package/esm/hovercard/hovercard-disclosure.js

@@ -29,6 +29,7 @@ import {
 import { useEffect, useState } from "react";
 import { contains } from "@ariakit/core/utils/dom";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
+import { sync } from "@ariakit/core/utils/store";
 import { jsx } from "react/jsx-runtime";
 var useHovercardDisclosure = createHook(
   (_a) => {
@@ -59,21 +60,18 @@ var useHovercardDisclosure = createHook(
       return addGlobalEventListener("focusout", onBlur, true);
     }, [visible, store]);
     useEffect(() => {
-      return store.sync(
-        (state) => {
-          const anchor = state.anchorElement;
-          if (!anchor)
+      return sync(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 = useEvent((event) => {

package/esm/hovercard/hovercard-store.js

@@ -2,11 +2,11 @@ import {
   useHovercardStore,
   useHovercardStoreOptions,
   useHovercardStoreProps
-} from "../__chunks/74BBE733.js";
-import "../__chunks/SPTQP5I5.js";
-import "../__chunks/RRY7OZXM.js";
-import "../__chunks/JJW3R5IK.js";
-import "../__chunks/MXMUDZTV.js";
+} from "../__chunks/LDICFO4C.js";
+import "../__chunks/3PKTK2K7.js";
+import "../__chunks/WC3GK4CL.js";
+import "../__chunks/SWJ5EOOS.js";
+import "../__chunks/P63NRZ4A.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";