@ariakit/react-core 0.3.5 → 0.3.6

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @ariakit/react-core
 
+## 0.3.6
+
+### Data attributes for duplicate components
+
+The internal logic that identifies duplicate components has been refined. This implies that some internal `data-*` attributes will no longer seep into the rendered DOM elements. If you're doing snapshot tests on the DOM generated by Ariakit components, you should see the `data-command` and `data-disclosure` attributes removed.
+
+### Multiple disclosure and anchor elements
+
+The `disclosureElement` and `anchorElement` states on [Disclosure](https://ariakit.org/components/disclosure), [Popover](https://ariakit.org/components/popover), and [Menu](https://ariakit.org/components/menu), along with related components, are now set only upon interaction.
+
+This change enables us to support multiple disclosure/anchor elements for the same `contentElement` (typically the popup element) when triggered by hover or focus.
+
+### Expanding Menubar with focus
+
+Adjacent [`Menu`](https://ariakit.org/reference/menu) popups will now open when the focus moves through [`MenuItem`](https://ariakit.org/reference/menu-item) elements in a [Menubar](https://ariakit.org/components/menubar). Before, they would only open when another [`Menu`](https://ariakit.org/reference/menu) was already visible.
+
+### Maintaining Popover tab order
+
+[`Popover`](https://ariakit.org/reference/popover) and related components now automatically set the new [`preserveTabOrderAnchor`](https://ariakit.org/reference/portal#preservetaborderanchor) prop as the disclosure element.
+
+This ensures that, when the [`portal`](https://ariakit.org/reference/popover#portal) prop is enabled, the tab order will be preserved from the disclosure to the content element even when the [`Popover`](https://ariakit.org/reference/popover) component is rendered in a different location in the React tree.
+
+### New Menubar components
+
+This version introduces a new [Menubar](https://ariakit.org/components/menubar) module that can be used without the [`MenubarProvider`](https://ariakit.org/reference/menubar-provider) wrapper.
+
+### Other updates
+
+- Fixed [Hovercard](https://ariakit.org/components/hovercard) when used with multiple [`HovercardAnchor`](https://ariakit.org/reference/hovercard-anchor) elements.
+- Added new [`preserveTabOrderAnchor`](https://ariakit.org/reference/portal#preservetaborderanchor) prop to [`Portal`](https://ariakit.org/reference/portal) and related components.
+- Added new [`tabbable`](https://ariakit.org/reference/composite-item#tabbable) prop to [`CompositeItem`](https://ariakit.org/reference/composite-item) and related components.
+- Added new [`blurOnHoverEnd`](https://ariakit.org/reference/composite-hover#bluronhoverend) prop to [`CompositeHover`](https://ariakit.org/reference/composite-hover) and related components.
+- Updated dependencies: `@ariakit/core@0.3.5`
+
 ## 0.3.5
 
 ### Patch Changes

package/cjs/__chunks/{BRJSETQA.cjs → 23LJEFHI.cjs}

@@ -1,23 +1,23 @@
 "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; } }"use client";
 
 
-var _IE75SSVLcjs = require('./IE75SSVL.cjs');
+var _65GJIQK5cjs = require('./65GJIQK5.cjs');
 
 
 
-var _WLJVTO7Acjs = require('./WLJVTO7A.cjs');
+var _OALXXRFMcjs = require('./OALXXRFM.cjs');
 
 // src/hovercard/hovercard-store.ts
 var _hovercardstore = require('@ariakit/core/hovercard/hovercard-store'); var Core = _interopRequireWildcard(_hovercardstore);
 function useHovercardStoreProps(store, update, props) {
-  store = _IE75SSVLcjs.usePopoverStoreProps.call(void 0, store, update, props);
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "timeout");
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "showTimeout");
-  _WLJVTO7Acjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  store = _65GJIQK5cjs.usePopoverStoreProps.call(void 0, store, update, props);
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "timeout");
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "showTimeout");
+  _OALXXRFMcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
   return store;
 }
 function useHovercardStore(props = {}) {
-  const [store, update] = _WLJVTO7Acjs.useStore.call(void 0, Core.createHovercardStore, props);
+  const [store, update] = _OALXXRFMcjs.useStore.call(void 0, Core.createHovercardStore, props);
   return useHovercardStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{5NKFHQZ2.cjs → 2KDFQUU7.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _4NC3T4TVcjs = require('./4NC3T4TV.cjs');
+var _KSAZE5E2cjs = require('./KSAZE5E2.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-group.ts
-var useCompositeGroup = _VKYTJKYNcjs.createHook.call(void 0, 
+var useCompositeGroup = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _4NC3T4TVcjs.useGroup.call(void 0, props);
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    props = _KSAZE5E2cjs.useGroup.call(void 0, props);
     return props;
   }
 );
-var CompositeGroup = _VKYTJKYNcjs.createComponent.call(void 0, 
+var CompositeGroup = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeGroup(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{M3F5A3H5.cjs → 2WCJJQSK.cjs}

@@ -2,20 +2,20 @@
 
 
 
-var _FQGSRSYDcjs = require('./FQGSRSYD.cjs');
+var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
 
 
 
-var _KZA6P235cjs = require('./KZA6P235.cjs');
+var _UVBBMANLcjs = require('./UVBBMANL.cjs');
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 // src/select/select-context.tsx
 var _react = require('react');
-var ctx = _VKYTJKYNcjs.createStoreContext.call(void 0, 
-  [_KZA6P235cjs.PopoverContextProvider, _FQGSRSYDcjs.CompositeContextProvider],
-  [_KZA6P235cjs.PopoverScopedContextProvider, _FQGSRSYDcjs.CompositeScopedContextProvider]
+var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
+  [_UVBBMANLcjs.PopoverContextProvider, _UZNYSPKPcjs.CompositeContextProvider],
+  [_UVBBMANLcjs.PopoverScopedContextProvider, _UZNYSPKPcjs.CompositeScopedContextProvider]
 );
 var useSelectContext = ctx.useContext;
 var useSelectScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{PRN5A3P4.cjs → 344F3DYO.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
+var _KREY6HXDcjs = require('./KREY6HXD.cjs');
 
-var _V24PR4PWcjs = require('./V24PR4PW.cjs');
 
 
-var _POBIUXYKcjs = require('./POBIUXYK.cjs');
+var _V24PR4PWcjs = require('./V24PR4PW.cjs');
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 var _react = require('react');
@@ -18,7 +18,7 @@ function getPaddingProperty(documentElement) {
   return scrollbarX ? "paddingLeft" : "paddingRight";
 }
 function usePreventBodyScroll(contentElement, contentId, enabled) {
-  const isRootDialog = _POBIUXYKcjs.useRootDialog.call(void 0, {
+  const isRootDialog = _KREY6HXDcjs.useRootDialog.call(void 0, {
     attribute: "data-dialog-prevent-body-scroll",
     contentElement,
     contentId,

package/cjs/__chunks/{AX6LOJFX.cjs → 35LC5W3M.cjs}

@@ -1,41 +1,40 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ORT5QOHHcjs = require('./ORT5QOHH.cjs');
+var _3W6FH6JKcjs = require('./3W6FH6JK.cjs');
 
 
-var _7ARL6QHNcjs = require('./7ARL6QHN.cjs');
+var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/hovercard/hovercard-anchor.ts
 var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
-var useHovercardAnchor = _VKYTJKYNcjs.createHook.call(void 0, 
+var useHovercardAnchor = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, showOnHover = true } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store", "showOnHover"]);
-    const context = _ORT5QOHHcjs.useHovercardProviderContext.call(void 0, );
+    var _b = _a, { store, showOnHover = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "showOnHover"]);
+    const context = _3W6FH6JKcjs.useHovercardProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       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 = _misc.disabledFromProps.call(void 0, props);
     const showTimeoutRef = _react.useRef.call(void 0, 0);
     _react.useEffect.call(void 0, () => () => window.clearTimeout(showTimeoutRef.current), []);
@@ -54,52 +53,62 @@ var useHovercardAnchor = _VKYTJKYNcjs.createHook.call(void 0,
       return _events.addGlobalEventListener.call(void 0, "mouseleave", onMouseLeave, true);
     }, [store]);
     const onMouseMoveProp = props.onMouseMove;
-    const showOnHoverProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, showOnHover);
-    const isMouseMoving = _JTVNRMACcjs.useIsMouseMoving.call(void 0, );
-    const onMouseMove = _JTVNRMACcjs.useEvent.call(void 0, 
+    const showOnHoverProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, showOnHover);
+    const isMouseMoving = _EO6LS72Hcjs.useIsMouseMoving.call(void 0, );
+    const onMouseMove = _EO6LS72Hcjs.useEvent.call(void 0, 
       (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);
       }
     );
-    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _JTVNRMACcjs.useMergeRefs.call(void 0, 
-        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
-      ),
+    const ref = _react.useCallback.call(void 0, 
+      (element) => {
+        if (!store)
+          return;
+        const { anchorElement } = store.getState();
+        if (anchorElement == null ? void 0 : anchorElement.isConnected)
+          return;
+        store.setAnchorElement(element);
+      },
+      [store]
+    );
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onMouseMove
     });
-    props = _7ARL6QHNcjs.useFocusable.call(void 0, props);
+    props = _Z3GCTNW4cjs.useFocusable.call(void 0, props);
     return props;
   }
 );
-var HovercardAnchor = _VKYTJKYNcjs.createComponent.call(void 0, 
+var HovercardAnchor = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useHovercardAnchor(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "a", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "a", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/3QW6ELTG.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _UVBBMANLcjs = require('./UVBBMANL.cjs');
+
+
+
+
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/popover/popover-anchor.ts
+var usePopoverAnchor = _RNZNGEL4cjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _UVBBMANLcjs.usePopoverProviderContext.call(void 0, );
+    store = store || context;
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store == null ? void 0 : store.setAnchorElement, props.ref)
+    });
+    return props;
+  }
+);
+var PopoverAnchor = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = usePopoverAnchor(props);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  PopoverAnchor.displayName = "PopoverAnchor";
+}
+
+
+
+
+exports.usePopoverAnchor = usePopoverAnchor; exports.PopoverAnchor = PopoverAnchor;

package/cjs/__chunks/{ORT5QOHH.cjs → 3W6FH6JK.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _KZA6P235cjs = require('./KZA6P235.cjs');
+var _UVBBMANLcjs = require('./UVBBMANL.cjs');
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 // src/hovercard/hovercard-context.tsx
-var ctx = _VKYTJKYNcjs.createStoreContext.call(void 0, 
-  [_KZA6P235cjs.PopoverContextProvider],
-  [_KZA6P235cjs.PopoverScopedContextProvider]
+var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
+  [_UVBBMANLcjs.PopoverContextProvider],
+  [_UVBBMANLcjs.PopoverScopedContextProvider]
 );
 var useHovercardContext = ctx.useContext;
 var useHovercardScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{OPSHLOSD.cjs → 45RPYV4J.cjs}

@@ -6,19 +6,19 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _JA2O66IUcjs = require('./JA2O66IU.cjs');
+var _ISGOCBDCcjs = require('./ISGOCBDC.cjs');
 
 
-var _L5APETYYcjs = require('./L5APETYY.cjs');
+var _XFPRAS3Jcjs = require('./XFPRAS3J.cjs');
 
 
 
-var _ORT5QOHHcjs = require('./ORT5QOHH.cjs');
+var _3W6FH6JKcjs = require('./3W6FH6JK.cjs');
 
 
 
 
-var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
@@ -27,12 +27,12 @@ var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
 
 
 
-var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
 
-var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/hovercard/hovercard.tsx
 
@@ -70,7 +70,7 @@ function isMovingOnHovercard(target, card, anchor, nested) {
 function useAutoFocusOnHide(_a) {
   var _b = _a, {
     store
-  } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "store"
   ]);
   const [autoFocusOnHide, setAutoFocusOnHide] = _react.useState.call(void 0, false);
@@ -81,7 +81,7 @@ function useAutoFocusOnHide(_a) {
     }
   }, [mounted]);
   const onFocusProp = props.onFocus;
-  const onFocus = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
+  const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
@@ -93,7 +93,7 @@ function useAutoFocusOnHide(_a) {
       finalFocusRef.current = state.anchorElement;
     });
   }, []);
-  props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     autoFocusOnHide,
     finalFocus: finalFocusRef
   }, props), {
@@ -102,7 +102,7 @@ function useAutoFocusOnHide(_a) {
   return props;
 }
 var NestedHovercardContext = _react.createContext.call(void 0, null);
-var useHovercard = _VKYTJKYNcjs.createHook.call(void 0, 
+var useHovercard = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -111,7 +111,7 @@ var useHovercard = _VKYTJKYNcjs.createHook.call(void 0,
       hideOnEscape = true,
       hideOnHoverOutside = true,
       disablePointerEventsOnApproach = !!hideOnHoverOutside
-    } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "modal",
       "portal",
@@ -119,7 +119,7 @@ var useHovercard = _VKYTJKYNcjs.createHook.call(void 0,
       "hideOnHoverOutside",
       "disablePointerEventsOnApproach"
     ]);
-    const context = _ORT5QOHHcjs.useHovercardProviderContext.call(void 0, );
+    const context = _3W6FH6JKcjs.useHovercardProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -129,11 +129,11 @@ var useHovercard = _VKYTJKYNcjs.createHook.call(void 0,
     const [nestedHovercards, setNestedHovercards] = _react.useState.call(void 0, []);
     const hideTimeoutRef = _react.useRef.call(void 0, 0);
     const enterPointRef = _react.useRef.call(void 0, null);
-    const { portalRef, domReady } = _JTVNRMACcjs.usePortalRef.call(void 0, portal, props.portalRef);
+    const { portalRef, domReady } = _EO6LS72Hcjs.usePortalRef.call(void 0, portal, props.portalRef);
     const mayHideOnHoverOutside = !!hideOnHoverOutside;
-    const hideOnHoverOutsideProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
+    const hideOnHoverOutsideProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
     const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
-    const disablePointerEventsProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, 
+    const disablePointerEventsProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, 
       disablePointerEventsOnApproach
     );
     const open = store.useState("open");
@@ -233,7 +233,7 @@ var useHovercard = _VKYTJKYNcjs.createHook.call(void 0,
         return;
       store == null ? void 0 : store.setAutoFocusOnShow(false);
     }, [store, domReady, open]);
-    const openRef = _JTVNRMACcjs.useLiveRef.call(void 0, open);
+    const openRef = _EO6LS72Hcjs.useLiveRef.call(void 0, open);
     _react.useEffect.call(void 0, () => {
       if (!domReady)
         return;
@@ -244,7 +244,7 @@ var useHovercard = _VKYTJKYNcjs.createHook.call(void 0,
       };
     }, [store, domReady]);
     const registerOnParent = _react.useContext.call(void 0, NestedHovercardContext);
-    _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       if (modal)
         return;
       if (!portal)
@@ -271,19 +271,19 @@ var useHovercard = _VKYTJKYNcjs.createHook.call(void 0,
       },
       [registerOnParent]
     );
-    props = _JTVNRMACcjs.useWrapElement.call(void 0, 
+    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ORT5QOHHcjs.HovercardScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }) }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3W6FH6JKcjs.HovercardScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }) }),
       [store, registerNestedHovercard]
     );
-    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _JTVNRMACcjs.useMergeRefs.call(void 0, ref, props.ref)
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    props = useAutoFocusOnHide(_WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = useAutoFocusOnHide(_AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _JA2O66IUcjs.usePopover.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
+    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -304,12 +304,12 @@ var useHovercard = _VKYTJKYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _L5APETYYcjs.createDialogComponent.call(void 0, 
-  _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
+var Hovercard = _XFPRAS3Jcjs.createDialogComponent.call(void 0, 
+  _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useHovercard(props);
-    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }),
-  _ORT5QOHHcjs.useHovercardProviderContext
+  _3W6FH6JKcjs.useHovercardProviderContext
 );
 if (process.env.NODE_ENV !== "production") {
   Hovercard.displayName = "Hovercard";