@ariakit/react-core 0.1.8 → 0.2.0

package/esm/popover/popover-disclosure.js

@@ -1,13 +1,13 @@
 import {
   PopoverDisclosure,
   usePopoverDisclosure
-} from "../__chunks/6O3TZMB4.js";
+} from "../__chunks/U2KSDJ3W.js";
 import "../__chunks/LSTZ5Q72.js";
 import "../__chunks/24P2K6AU.js";
-import "../__chunks/OQUXG6FE.js";
-import "../__chunks/6GS36SYX.js";
 import "../__chunks/D6NPK2DL.js";
+import "../__chunks/OQUXG6FE.js";
 import "../__chunks/4QNHBDVS.js";
+import "../__chunks/6GS36SYX.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/5ETIGB6O.js";

package/esm/popover/popover-dismiss.js

@@ -4,8 +4,8 @@ import {
 } from "../__chunks/PIRVQZZN.js";
 import "../__chunks/TSWOSEC5.js";
 import "../__chunks/OQUXG6FE.js";
-import "../__chunks/LNHZLQEK.js";
 import "../__chunks/4QNHBDVS.js";
+import "../__chunks/LNHZLQEK.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/5ETIGB6O.js";

package/esm/popover/popover-store.d.ts

@@ -1,19 +1,7 @@
 import * as Core from "@ariakit/core/popover/popover-store";
 import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.js";
 import type { Store } from "../utils/store.js";
-export declare function usePopoverStoreOptions(props: PopoverStoreProps): {
-    getAnchorRect: ((anchor: HTMLElement | null) => {
-        x?: number | undefined;
-        y?: number | undefined;
-        width?: number | undefined;
-        height?: number | undefined;
-    } | null) | undefined;
-    renderCallback: ((props: Core.PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
-    setOpen?: ((open: boolean) => void) | undefined;
-    defaultOpen?: boolean | undefined;
-    open?: boolean | undefined;
-    animated?: number | boolean | undefined;
-};
+export declare function usePopoverStoreOptions(props: PopoverStoreProps): Partial<import("../disclosure/disclosure-store.js").DisclosureStoreOptions>;
 export declare function usePopoverStoreProps<T extends PopoverStore>(store: T, props: PopoverStoreProps): T;
 /**
  * Creates a popover store.

package/esm/popover/popover-store.js

@@ -2,7 +2,7 @@ import {
   usePopoverStore,
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/SHGWT5HV.js";
+} from "../__chunks/5PIH3SMS.js";
 import "../__chunks/OBNQHP6V.js";
 import "../__chunks/HN4VMOUI.js";
 import "../__chunks/AV5WE37O.js";

package/esm/popover/popover.d.ts

@@ -2,6 +2,12 @@ import type { HTMLAttributes } from "react";
 import type { DialogOptions } from "../dialog/dialog.js";
 import type { As, Props } from "../utils/types.js";
 import type { PopoverStore } from "./popover-store.js";
+type AnchorRect = {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+};
 /**
  * Returns props to create a `Popover` component.
  * @see https://ariakit.org/components/popover
@@ -27,6 +33,7 @@ export declare const Popover: import("../utils/types.js").Component<PopoverOptio
 export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
     /**
      * Object returned by the `usePopoverStore` hook.
+     * @see https://ariakit.org/guide/component-stores
      */
     store: PopoverStore;
     /**
@@ -34,5 +41,94 @@ export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
      * be used to position the popover.
      */
     wrapperProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Whether the popover has `position: fixed` or not.
+     * @default false
+     */
+    fixed?: boolean;
+    /**
+     * The distance between the popover and the anchor element.
+     * @default 0
+     */
+    gutter?: number;
+    /**
+     * The skidding of the popover along the anchor element. Can be set to
+     * negative values to make the popover shift to the opposite side.
+     * @default 0
+     */
+    shift?: number;
+    /**
+     * Controls the behavior of the popover when it overflows the viewport:
+     *   - If a `boolean`, specifies whether the popover should flip to the
+     *     opposite side when it overflows.
+     *   - If a `string`, indicates the preferred fallback placements when it
+     *     overflows. The placements must be spaced-delimited, e.g. "top left".
+     * @default true
+     */
+    flip?: boolean | string;
+    /**
+     * Whether the popover should slide when it overflows.
+     * @default true
+     */
+    slide?: boolean;
+    /**
+     * Whether the popover can overlap the anchor element when it overflows.
+     * @default false
+     */
+    overlap?: boolean;
+    /**
+     * Whether the popover should have the same width as the anchor element. This
+     * will be exposed to CSS as
+     * [`--popover-anchor-width`](https://ariakit.org/guide/styling#--popover-anchor-width).
+     * @default false
+     */
+    sameWidth?: boolean;
+    /**
+     * Whether the popover should fit the viewport. If this is set to true, the
+     * popover wrapper will have `maxWidth` and `maxHeight` set to the viewport
+     * size. This will be exposed to CSS as
+     * [`--popover-available-width`](https://ariakit.org/guide/styling#--popover-available-width)
+     * and
+     * [`--popover-available-height`](https://ariakit.org/guide/styling#--popover-available-height).
+     * @default false
+     */
+    fitViewport?: boolean;
+    /**
+     * The minimum padding between the arrow and the popover corner.
+     * @default 4
+     */
+    arrowPadding?: number;
+    /**
+     * The minimum padding between the popover and the viewport edge. This will be
+     * exposed to CSS as
+     * [`--popover-overflow-padding`](https://ariakit.org/guide/styling#--popover-overflow-padding).
+     * @default 8
+     */
+    overflowPadding?: number;
+    /**
+     * Function that returns the anchor element's DOMRect. If this is explicitly
+     * passed, it will override the anchor `getBoundingClientRect` method.
+     *
+     * Examples using this prop:
+     *  - [Textarea with inline combobox](https://ariakit.org/examples/combobox-textarea)
+     *  - [Standalone Popover](https://ariakit.org/examples/popover-standalone)
+     *  - [Context menu](https://ariakit.org/examples/menu-context-menu)
+     *  - [Selection Popover](https://ariakit.org/examples/popover-selection)
+     * @param anchor The anchor element.
+     */
+    getAnchorRect?: (anchor: HTMLElement | null) => AnchorRect | null;
+    /**
+     * A callback that will be called when the popover needs to calculate its
+     * position. This will override the internal `updatePosition` function. The
+     * original `updatePosition` function will be passed as an argument, so it can
+     * be called inside the callback to apply the default behavior.
+     *
+     * Example susing this prop:
+     *  - [Responsive Popover](https://ariakit.org/examples/popover-responsive)
+     */
+    updatePosition?: (props: {
+        updatePosition: () => Promise<void>;
+    }) => void;
 }
 export type PopoverProps<T extends As = "div"> = Props<PopoverOptions<T>>;
+export {};

package/esm/popover/popover.js

@@ -1,9 +1,9 @@
 import {
   Popover,
   usePopover
-} from "../__chunks/JJHXFKMC.js";
-import "../__chunks/EMZ4NQG4.js";
-import "../__chunks/ZFMAA4DD.js";
+} from "../__chunks/MLEIJKSM.js";
+import "../__chunks/NAG6UD2X.js";
+import "../__chunks/MR75RQGW.js";
 import "../__chunks/4H6H5RRM.js";
 import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
@@ -17,15 +17,16 @@ import "../__chunks/6WVG5KFF.js";
 import "../__chunks/ISPCL6N4.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/6OMX4H3W.js";
+import "../__chunks/2CA5JWPW.js";
+import "../__chunks/DIO64N2C.js";
+import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
+import "../__chunks/XIACQCPS.js";
+import "../__chunks/6AJCHLAV.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/USCWE5QL.js";
-import "../__chunks/DIO64N2C.js";
-import "../__chunks/LDDPB3PY.js";
-import "../__chunks/6AJCHLAV.js";
 import "../__chunks/JQEVJM46.js";
 import "../__chunks/5ETIGB6O.js";
 import "../__chunks/ASYR66PQ.js";

package/esm/portal/portal.js

@@ -1,7 +1,7 @@
 import {
   Portal,
   usePortal
-} from "../__chunks/USCWE5QL.js";
+} from "../__chunks/2CA5JWPW.js";
 import "../__chunks/DIO64N2C.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/JQEVJM46.js";

package/esm/radio/radio-group.js

@@ -3,11 +3,11 @@ import {
 } from "../__chunks/6I2PARRP.js";
 import {
   useComposite
-} from "../__chunks/OY5YT7OV.js";
+} from "../__chunks/RTOWJJVI.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createComponent,
   createElement,

package/esm/radio/radio.js

@@ -8,9 +8,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/5ETIGB6O.js";
 import "../__chunks/AV5WE37O.js";
 import "../__chunks/ASYR66PQ.js";

package/esm/role/role.js

@@ -1,20 +1,9 @@
 import {
-  createComponent,
-  createElement,
-  createHook
-} from "../__chunks/5ETIGB6O.js";
+  Role,
+  useRole
+} from "../__chunks/XIACQCPS.js";
+import "../__chunks/5ETIGB6O.js";
 import "../__chunks/4BKCJXBM.js";
-
-// src/role/role.ts
-var useRole = createHook((props) => {
-  return props;
-});
-var Role = createComponent((props) => {
-  return createElement("div", props);
-});
-if (process.env.NODE_ENV !== "production") {
-  Role.displayName = "Role";
-}
 export {
   Role,
   useRole

package/esm/select/select-item.js

@@ -12,9 +12,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,

package/esm/select/select-list.js

@@ -1,14 +1,14 @@
 import {
   SelectList,
   useSelectList
-} from "../__chunks/PZK3B6LX.js";
+} from "../__chunks/776K5FXB.js";
 import "../__chunks/KSVEVAMH.js";
 import "../__chunks/EEVSGAZW.js";
-import "../__chunks/OY5YT7OV.js";
+import "../__chunks/RTOWJJVI.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/5ETIGB6O.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/select/select-popover.js

@@ -1,8 +1,16 @@
+import {
+  useSelectList
+} from "../__chunks/776K5FXB.js";
+import "../__chunks/KSVEVAMH.js";
+import "../__chunks/EEVSGAZW.js";
+import "../__chunks/RTOWJJVI.js";
+import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import {
   usePopover
-} from "../__chunks/JJHXFKMC.js";
-import "../__chunks/EMZ4NQG4.js";
-import "../__chunks/ZFMAA4DD.js";
+} from "../__chunks/MLEIJKSM.js";
+import "../__chunks/NAG6UD2X.js";
+import "../__chunks/MR75RQGW.js";
 import "../__chunks/4H6H5RRM.js";
 import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
@@ -16,23 +24,16 @@ import "../__chunks/6WVG5KFF.js";
 import "../__chunks/ISPCL6N4.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/6OMX4H3W.js";
+import "../__chunks/2CA5JWPW.js";
+import "../__chunks/DIO64N2C.js";
+import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
-import {
-  useSelectList
-} from "../__chunks/PZK3B6LX.js";
-import "../__chunks/KSVEVAMH.js";
-import "../__chunks/EEVSGAZW.js";
+import "../__chunks/XIACQCPS.js";
+import "../__chunks/6AJCHLAV.js";
 import "../__chunks/6GS36SYX.js";
-import "../__chunks/OY5YT7OV.js";
-import "../__chunks/OXPV2NBK.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
-import "../__chunks/USCWE5QL.js";
-import "../__chunks/DIO64N2C.js";
-import "../__chunks/LDDPB3PY.js";
-import "../__chunks/6AJCHLAV.js";
 import "../__chunks/JQEVJM46.js";
 import {
   createComponent,

package/esm/select/select-store.d.ts

@@ -6,13 +6,6 @@ import type { Store } from "../utils/store.js";
 type Item = Core.SelectStoreItem;
 type Value = Core.SelectStoreValue;
 export declare function useSelectStoreOptions<T extends Value = Value>(props: SelectStoreProps<T>): {
-    getAnchorRect: ((anchor: HTMLElement | null) => {
-        x?: number | undefined;
-        y?: number | undefined;
-        width?: number | undefined;
-        height?: number | undefined;
-    } | null) | undefined;
-    renderCallback: ((props: import("@ariakit/core/popover/popover-store").PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
     setOpen?: ((open: boolean) => void) | undefined;
     defaultOpen?: boolean | undefined;
     open?: boolean | undefined;

package/esm/select/select-store.js

@@ -6,7 +6,7 @@ import "../__chunks/MEYEPL2D.js";
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/SHGWT5HV.js";
+} from "../__chunks/5PIH3SMS.js";
 import "../__chunks/OBNQHP6V.js";
 import "../__chunks/HN4VMOUI.js";
 import {

package/esm/select/select.js

@@ -1,8 +1,9 @@
 import {
   usePopoverDisclosure
-} from "../__chunks/6O3TZMB4.js";
+} from "../__chunks/U2KSDJ3W.js";
 import "../__chunks/LSTZ5Q72.js";
 import "../__chunks/24P2K6AU.js";
+import "../__chunks/D6NPK2DL.js";
 import "../__chunks/OQUXG6FE.js";
 import {
   SelectArrow
@@ -14,13 +15,12 @@ import {
 import {
   SelectContext
 } from "../__chunks/EEVSGAZW.js";
-import "../__chunks/6GS36SYX.js";
-import "../__chunks/D6NPK2DL.js";
 import "../__chunks/4QNHBDVS.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
+import "../__chunks/6GS36SYX.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   VisuallyHidden
 } from "../__chunks/JQEVJM46.js";

package/esm/tab/tab-list.js

@@ -3,11 +3,11 @@ import {
 } from "../__chunks/UZKBEGMB.js";
 import {
   useComposite
-} from "../__chunks/OY5YT7OV.js";
+} from "../__chunks/RTOWJJVI.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createComponent,
   createElement,

package/esm/tab/tab-panel.js

@@ -2,13 +2,13 @@ import {
   useCollectionItem
 } from "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
+import {
+  useDisclosureContent
+} from "../__chunks/6AJCHLAV.js";
 import {
   useFocusable
 } from "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import {
-  useDisclosureContent
-} from "../__chunks/6AJCHLAV.js";
 import {
   createComponent,
   createElement,

package/esm/tab/tab.js

@@ -8,9 +8,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,

package/esm/toolbar/toolbar-container.js

@@ -9,9 +9,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,

package/esm/toolbar/toolbar-input.js

@@ -9,9 +9,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,

package/esm/toolbar/toolbar-item.js

@@ -7,9 +7,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/5ETIGB6O.js";
 import "../__chunks/AV5WE37O.js";
 import "../__chunks/ASYR66PQ.js";

package/esm/toolbar/toolbar.js

@@ -3,11 +3,11 @@ import {
 } from "../__chunks/DFUIIKXE.js";
 import {
   useComposite
-} from "../__chunks/OY5YT7OV.js";
+} from "../__chunks/RTOWJJVI.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createComponent,
   createElement,

package/esm/tooltip/tooltip-anchor.d.ts

@@ -1,4 +1,4 @@
-import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
+import type { HovercardAnchorOptions } from "../hovercard/hovercard-anchor.js";
 import type { As, Props } from "../utils/types.js";
 import type { TooltipStore } from "./tooltip-store.js";
 /**
@@ -26,26 +26,10 @@ export declare const useTooltipAnchor: import("../utils/types.js").Hook<TooltipA
  * ```
  */
 export declare const TooltipAnchor: import("../utils/types.js").Component<TooltipAnchorOptions<"div">>;
-export interface TooltipAnchorOptions<T extends As = "div"> extends PopoverAnchorOptions<T> {
+export interface TooltipAnchorOptions<T extends As = "div"> extends HovercardAnchorOptions<T> {
     /**
      * Object returned by the `useTooltipStore` hook.
      */
     store: TooltipStore;
-    /**
-     * Determines wether the tooltip anchor is described or labelled by the
-     * tooltip. If `true`, the tooltip id will be set as the `aria-describedby`
-     * attribute on the anchor element, and not as the `aria-labelledby`
-     * attribute.
-     * @default false
-     * @example
-     * ```jsx
-     * const tooltip = useTooltipStore();
-     * <TooltipAnchor store={tooltip} described>
-     *   This is an element with a visible label.
-     * </TooltipAnchor>
-     * <Tooltip store={tooltip}>Description</Tooltip>
-     * ```
-     */
-    described?: boolean;
 }
 export type TooltipAnchorProps<T extends As = "div"> = Props<TooltipAnchorOptions<T>>;

package/esm/tooltip/tooltip-anchor.js

@@ -1,6 +1,8 @@
 import {
-  usePopoverAnchor
-} from "../__chunks/D6NPK2DL.js";
+  useHovercardAnchor
+} from "../__chunks/65MJJ4BW.js";
+import "../__chunks/AGWM73EZ.js";
+import "../__chunks/BMLNRUFQ.js";
 import {
   createComponent,
   createElement,
@@ -17,12 +19,39 @@ import {
 } from "../__chunks/4BKCJXBM.js";
 
 // src/tooltip/tooltip-anchor.ts
+import { useEffect } from "react";
+import { isFalsyBooleanCallback } from "@ariakit/core/utils/misc";
+import { createStore } from "@ariakit/core/utils/store";
+var globalStore = createStore({
+  activeStore: null
+});
 var useTooltipAnchor = createHook(
   (_a) => {
-    var _b = _a, { store, described } = _b, props = __objRest(_b, ["store", "described"]);
-    const onFocusProp = props.onFocus;
-    const onFocus = useEvent((event) => {
-      onFocusProp == null ? void 0 : onFocusProp(event);
+    var _b = _a, { store, showOnHover = true } = _b, props = __objRest(_b, ["store", "showOnHover"]);
+    useEffect(() => {
+      return store.sync(
+        (state) => {
+          if (state.mounted) {
+            const { activeStore } = globalStore.getState();
+            if (activeStore !== store) {
+              activeStore == null ? void 0 : activeStore.hide();
+            }
+            return globalStore.setState("activeStore", store);
+          }
+          const id = setTimeout(() => {
+            const { activeStore } = globalStore.getState();
+            if (activeStore !== store)
+              return;
+            globalStore.setState("activeStore", null);
+          }, state.skipTimeout);
+          return () => clearTimeout(id);
+        },
+        ["mounted", "skipTimeout"]
+      );
+    }, [store]);
+    const onFocusVisibleProp = props.onFocusVisible;
+    const onFocusVisible = useEvent((event) => {
+      onFocusVisibleProp == null ? void 0 : onFocusVisibleProp(event);
       if (event.defaultPrevented)
         return;
       store.setAnchorElement(event.currentTarget);
@@ -33,35 +62,36 @@ var useTooltipAnchor = createHook(
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (event.defaultPrevented)
         return;
-      store.hide();
-    });
-    const onMouseEnterProp = props.onMouseEnter;
-    const onMouseEnter = useEvent((event) => {
-      onMouseEnterProp == null ? void 0 : onMouseEnterProp(event);
-      if (event.defaultPrevented)
-        return;
-      store.setAnchorElement(event.currentTarget);
-      store.show();
+      const { activeStore } = globalStore.getState();
+      if (activeStore === store) {
+        globalStore.setState("activeStore", null);
+      }
     });
-    const onMouseLeaveProp = props.onMouseLeave;
-    const onMouseLeave = useEvent((event) => {
-      onMouseLeaveProp == null ? void 0 : onMouseLeaveProp(event);
-      if (event.defaultPrevented)
-        return;
-      store.hide();
+    const type = store.useState("type");
+    const contentId = store.useState((state) => {
+      var _a2;
+      return (_a2 = state.contentElement) == null ? void 0 : _a2.id;
     });
-    const contentElement = store.useState("contentElement");
     props = __spreadProps(__spreadValues({
       tabIndex: 0,
-      "aria-labelledby": !described ? contentElement == null ? void 0 : contentElement.id : void 0,
-      "aria-describedby": described ? contentElement == null ? void 0 : contentElement.id : void 0
+      "aria-labelledby": type === "label" ? contentId : void 0,
+      "aria-describedby": type === "description" ? contentId : void 0
     }, props), {
-      onFocus,
-      onBlur,
-      onMouseEnter,
-      onMouseLeave
+      onFocusVisible,
+      onBlur
     });
-    props = usePopoverAnchor(__spreadValues({ store }, props));
+    props = useHovercardAnchor(__spreadValues({
+      store,
+      showOnHover: (event) => {
+        if (isFalsyBooleanCallback(showOnHover, event))
+          return false;
+        const { activeStore } = globalStore.getState();
+        if (!activeStore)
+          return true;
+        store.show();
+        return false;
+      }
+    }, props));
     return props;
   }
 );