@ariakit/react-core 0.3.4 → 0.3.6

package/CHANGELOG.md

@@ -1,5 +1,63 @@
 # @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
+
+- [`#2935`](https://github.com/ariakit/ariakit/pull/2935) Fixed TypeScript declaration files in CommonJS projects using `NodeNext` for `moduleResolution`.
+
+- [`#2945`](https://github.com/ariakit/ariakit/pull/2945) Added `name` and `value` properties to non-native input elements rendered by [`Checkbox`](https://ariakit.org/reference/checkbox), [`Radio`](https://ariakit.org), [`MenuItemCheckbox`](https://ariakit.org/reference/menu-item-checkbox), and [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio).
+
+  It's now possible to access the `name` and `value` properties from the `event.target` element in the [`onChange`](https://ariakit.org/reference/checkbox#onchange) event handler.
+
+- [`#2945`](https://github.com/ariakit/ariakit/pull/2945) Fixed [`CompositeItem`](https://ariakit.org/reference/composite-item) and associated components not receiving the [`disabled`](https://ariakit.org/reference/composite-item#disabled) prop when it's being used by a higher-level component such as [`MenuItemCheckbox`](https://ariakit.org/reference/menu-item-checkbox) or [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio).
+
+- [`#2945`](https://github.com/ariakit/ariakit/pull/2945) It's now possible to control the menu [`values`](https://ariakit.org/reference/menu-provider#values) state by passing the [`checked`](https://ariakit.org/reference/menu-item-checkbox#checked), [`defaultChecked`](https://ariakit.org/reference/menu-item-checkbox#defaultchecked) and [`onChange`](https://ariakit.org/reference/menu-item-checkbox#onchange) props to [`MenuItemCheckbox`](https://ariakit.org/reference/menu-item-checkbox) and [`MenuItemRadio`](https://ariakit.org/reference/menu-item-radio).
+
+- [`#2948`](https://github.com/ariakit/ariakit/pull/2948) Added `"use client"` directive to all modules.
+
+- [`#2949`](https://github.com/ariakit/ariakit/pull/2949) The [Select](https://ariakit.org/components/select) component will now display the selected option(s) on the underlying native select element even when the corresponding [`SelectItem`](https://ariakit.org/reference/select-item) components aren't rendered.
+
+  This comes in handy when the [`SelectPopover`](https://ariakit.org/reference/select-popover) component is rendered dynamically (for instance, using the [`unmountOnHide`](https://ariakit.org/reference/select-popover#unmountonhide) prop) or a [`defaultValue`](https://ariakit.org/reference/select-provider#defaultvalue) is given without a matching [`SelectItem`](https://ariakit.org/reference/select-item) component.
+
+- Improved JSDocs.
+
+- Updated dependencies: `@ariakit/core@0.3.4`.
+
 ## 0.3.4
 
 ### Patch Changes

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

@@ -1,22 +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 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 _O6SYRTZHcjs = require('./O6SYRTZH.cjs');
 
+var _65GJIQK5cjs = require('./65GJIQK5.cjs');
 
 
-var _EVNF7KMTcjs = require('./EVNF7KMT.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 = _O6SYRTZHcjs.usePopoverStoreProps.call(void 0, store, update, props);
-  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "timeout");
-  _EVNF7KMTcjs.useStoreProps.call(void 0, store, props, "showTimeout");
-  _EVNF7KMTcjs.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] = _EVNF7KMTcjs.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/{CQSUIL2D.cjs → 2BIO7R5N.cjs}

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/heading/heading-context.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/heading/heading-context.ts
 var _react = require('react');
 var HeadingContext = _react.createContext.call(void 0, 0);
 

package/cjs/__chunks/2KDFQUU7.cjs

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

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

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _H7R5D2FRcjs = require('./H7R5D2FR.cjs');
 
+var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
 
 
-var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
+var _UVBBMANLcjs = require('./UVBBMANL.cjs');
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
+
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 // src/select/select-context.tsx
 var _react = require('react');
-var ctx = _Z5PUIG6Acjs.createStoreContext.call(void 0, 
-  [_AKOG5S2Tcjs.PopoverContextProvider, _H7R5D2FRcjs.CompositeContextProvider],
-  [_AKOG5S2Tcjs.PopoverScopedContextProvider, _H7R5D2FRcjs.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/{VTRMALP6.cjs → 344F3DYO.cjs}

@@ -1,10 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _BWQVQDGCcjs = require('./BWQVQDGC.cjs');
+var _KREY6HXDcjs = require('./KREY6HXD.cjs');
 
 
-var _ELOQI33Mcjs = require('./ELOQI33M.cjs');
+
+var _V24PR4PWcjs = require('./V24PR4PW.cjs');
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 var _react = require('react');
@@ -17,7 +18,7 @@ function getPaddingProperty(documentElement) {
   return scrollbarX ? "paddingLeft" : "paddingRight";
 }
 function usePreventBodyScroll(contentElement, contentId, enabled) {
-  const isRootDialog = _ELOQI33Mcjs.useRootDialog.call(void 0, {
+  const isRootDialog = _KREY6HXDcjs.useRootDialog.call(void 0, {
     attribute: "data-dialog-prevent-body-scroll",
     contentElement,
     contentId,
@@ -33,13 +34,13 @@ function usePreventBodyScroll(contentElement, contentId, enabled) {
     const { documentElement, body } = doc;
     const cssScrollbarWidth = documentElement.style.getPropertyValue("--scrollbar-width");
     const scrollbarWidth = cssScrollbarWidth ? parseInt(cssScrollbarWidth) : win.innerWidth - documentElement.clientWidth;
-    const setScrollbarWidthProperty = () => _BWQVQDGCcjs.setCSSProperty.call(void 0, 
+    const setScrollbarWidthProperty = () => _V24PR4PWcjs.setCSSProperty.call(void 0, 
       documentElement,
       "--scrollbar-width",
       `${scrollbarWidth}px`
     );
     const paddingProperty = getPaddingProperty(documentElement);
-    const setStyle = () => _BWQVQDGCcjs.assignStyle.call(void 0, body, {
+    const setStyle = () => _V24PR4PWcjs.assignStyle.call(void 0, body, {
       overflow: "hidden",
       [paddingProperty]: `${scrollbarWidth}px`
     });
@@ -48,7 +49,7 @@ function usePreventBodyScroll(contentElement, contentId, enabled) {
       const { scrollX, scrollY, visualViewport } = win;
       const offsetLeft = (_a = visualViewport == null ? void 0 : visualViewport.offsetLeft) != null ? _a : 0;
       const offsetTop = (_b = visualViewport == null ? void 0 : visualViewport.offsetTop) != null ? _b : 0;
-      const restoreStyle = _BWQVQDGCcjs.assignStyle.call(void 0, body, {
+      const restoreStyle = _V24PR4PWcjs.assignStyle.call(void 0, body, {
         position: "fixed",
         overflow: "hidden",
         top: `${-(scrollY - Math.floor(offsetTop))}px`,

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

@@ -1,41 +1,41 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _Q6W7IWNJcjs = require('./Q6W7IWNJ.cjs');
 
+var _3W6FH6JKcjs = require('./3W6FH6JK.cjs');
 
-var _GQAB4M3Bcjs = require('./GQAB4M3B.cjs');
 
+var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.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 = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useHovercardAnchor = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, showOnHover = true } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "showOnHover"]);
-    const context = _Q6W7IWNJcjs.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 = props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
+    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), []);
     _react.useEffect.call(void 0, () => {
@@ -53,52 +53,62 @@ var useHovercardAnchor = _Z5PUIG6Acjs.createHook.call(void 0,
       return _events.addGlobalEventListener.call(void 0, "mouseleave", onMouseLeave, true);
     }, [store]);
     const onMouseMoveProp = props.onMouseMove;
-    const showOnHoverProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, showOnHover);
-    const isMouseMoving = _5WLTMVVQcjs.useIsMouseMoving.call(void 0, );
-    const onMouseMove = _5WLTMVVQcjs.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 = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _5WLTMVVQcjs.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 = _GQAB4M3Bcjs.useFocusable.call(void 0, props);
+    props = _Z3GCTNW4cjs.useFocusable.call(void 0, props);
     return props;
   }
 );
-var HovercardAnchor = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var HovercardAnchor = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useHovercardAnchor(props);
-    return _Z5PUIG6Acjs.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/{Q6W7IWNJ.cjs → 3W6FH6JK.cjs}

@@ -1,15 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
+var _UVBBMANLcjs = require('./UVBBMANL.cjs');
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
+
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 // src/hovercard/hovercard-context.tsx
-var ctx = _Z5PUIG6Acjs.createStoreContext.call(void 0, 
-  [_AKOG5S2Tcjs.PopoverContextProvider],
-  [_AKOG5S2Tcjs.PopoverScopedContextProvider]
+var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, 
+  [_UVBBMANLcjs.PopoverContextProvider],
+  [_UVBBMANLcjs.PopoverScopedContextProvider]
 );
 var useHovercardContext = ctx.useContext;
 var useHovercardScopedContext = ctx.useScopedContext;

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

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
-var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
+var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
-var _VAY4A33Acjs = require('./VAY4A33A.cjs');
 
+var _ISGOCBDCcjs = require('./ISGOCBDC.cjs');
 
-var _QFGI3BJEcjs = require('./QFGI3BJE.cjs');
 
+var _XFPRAS3Jcjs = require('./XFPRAS3J.cjs');
 
 
-var _Q6W7IWNJcjs = require('./Q6W7IWNJ.cjs');
 
+var _3W6FH6JKcjs = require('./3W6FH6JK.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
 
 
 
@@ -26,12 +26,13 @@ var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/hovercard/hovercard.tsx
 
@@ -69,7 +70,7 @@ function isMovingOnHovercard(target, card, anchor, nested) {
 function useAutoFocusOnHide(_a) {
   var _b = _a, {
     store
-  } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "store"
   ]);
   const [autoFocusOnHide, setAutoFocusOnHide] = _react.useState.call(void 0, false);
@@ -80,7 +81,7 @@ function useAutoFocusOnHide(_a) {
     }
   }, [mounted]);
   const onFocusProp = props.onFocus;
-  const onFocus = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+  const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
@@ -92,7 +93,7 @@ function useAutoFocusOnHide(_a) {
       finalFocusRef.current = state.anchorElement;
     });
   }, []);
-  props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     autoFocusOnHide,
     finalFocus: finalFocusRef
   }, props), {
@@ -101,7 +102,7 @@ function useAutoFocusOnHide(_a) {
   return props;
 }
 var NestedHovercardContext = _react.createContext.call(void 0, null);
-var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useHovercard = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -110,7 +111,7 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
       hideOnEscape = true,
       hideOnHoverOutside = true,
       disablePointerEventsOnApproach = !!hideOnHoverOutside
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "modal",
       "portal",
@@ -118,7 +119,7 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
       "hideOnHoverOutside",
       "disablePointerEventsOnApproach"
     ]);
-    const context = _Q6W7IWNJcjs.useHovercardProviderContext.call(void 0, );
+    const context = _3W6FH6JKcjs.useHovercardProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -128,11 +129,11 @@ var useHovercard = _Z5PUIG6Acjs.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 } = _5WLTMVVQcjs.usePortalRef.call(void 0, portal, props.portalRef);
+    const { portalRef, domReady } = _EO6LS72Hcjs.usePortalRef.call(void 0, portal, props.portalRef);
     const mayHideOnHoverOutside = !!hideOnHoverOutside;
-    const hideOnHoverOutsideProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
+    const hideOnHoverOutsideProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
     const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
-    const disablePointerEventsProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, 
+    const disablePointerEventsProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, 
       disablePointerEventsOnApproach
     );
     const open = store.useState("open");
@@ -155,7 +156,7 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
         const target = event.target;
         const anchor = anchorElement;
         if (isMovingOnHovercard(target, element, anchor, nestedHovercards)) {
-          enterPointRef.current = target && anchor && _dom.contains.call(void 0, anchor, target) ? _OLGMV24Ucjs.getEventPoint.call(void 0, event) : null;
+          enterPointRef.current = target && anchor && _dom.contains.call(void 0, anchor, target) ? _KXQOQQ5Bcjs.getEventPoint.call(void 0, event) : null;
           window.clearTimeout(hideTimeoutRef.current);
           hideTimeoutRef.current = 0;
           return;
@@ -163,9 +164,9 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
         if (hideTimeoutRef.current)
           return;
         if (enterPoint) {
-          const currentPoint = _OLGMV24Ucjs.getEventPoint.call(void 0, event);
-          const polygon = _OLGMV24Ucjs.getElementPolygon.call(void 0, element, enterPoint);
-          if (_OLGMV24Ucjs.isPointInPolygon.call(void 0, currentPoint, polygon)) {
+          const currentPoint = _KXQOQQ5Bcjs.getEventPoint.call(void 0, event);
+          const polygon = _KXQOQQ5Bcjs.getElementPolygon.call(void 0, element, enterPoint);
+          if (_KXQOQQ5Bcjs.isPointInPolygon.call(void 0, currentPoint, polygon)) {
             enterPointRef.current = currentPoint;
             if (!disablePointerEventsProp(event))
               return;
@@ -209,8 +210,8 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
         const enterPoint = enterPointRef.current;
         if (!enterPoint)
           return;
-        const polygon = _OLGMV24Ucjs.getElementPolygon.call(void 0, element, enterPoint);
-        if (_OLGMV24Ucjs.isPointInPolygon.call(void 0, _OLGMV24Ucjs.getEventPoint.call(void 0, event), polygon)) {
+        const polygon = _KXQOQQ5Bcjs.getElementPolygon.call(void 0, element, enterPoint);
+        if (_KXQOQQ5Bcjs.isPointInPolygon.call(void 0, _KXQOQQ5Bcjs.getEventPoint.call(void 0, event), polygon)) {
           if (!disablePointerEventsProp(event))
             return;
           event.preventDefault();
@@ -232,7 +233,7 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
         return;
       store == null ? void 0 : store.setAutoFocusOnShow(false);
     }, [store, domReady, open]);
-    const openRef = _5WLTMVVQcjs.useLiveRef.call(void 0, open);
+    const openRef = _EO6LS72Hcjs.useLiveRef.call(void 0, open);
     _react.useEffect.call(void 0, () => {
       if (!domReady)
         return;
@@ -243,7 +244,7 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
       };
     }, [store, domReady]);
     const registerOnParent = _react.useContext.call(void 0, NestedHovercardContext);
-    _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
       if (modal)
         return;
       if (!portal)
@@ -270,19 +271,19 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
       },
       [registerOnParent]
     );
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Q6W7IWNJcjs.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 = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _5WLTMVVQcjs.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(_72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = useAutoFocusOnHide(_AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _VAY4A33Acjs.usePopover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _ISGOCBDCcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -303,12 +304,12 @@ var useHovercard = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _QFGI3BJEcjs.createDialogComponent.call(void 0, 
-  _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var Hovercard = _XFPRAS3Jcjs.createDialogComponent.call(void 0, 
+  _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useHovercard(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }),
-  _Q6W7IWNJcjs.useHovercardProviderContext
+  _3W6FH6JKcjs.useHovercardProviderContext
 );
 if (process.env.NODE_ENV !== "production") {
   Hovercard.displayName = "Hovercard";