@ariakit/react-core 0.4.5 → 0.4.7

package/esm/__chunks/{6YVAEELE.js → PKN6MQJP.js}

@@ -2,22 +2,22 @@
 import {
   createDialogComponent,
   useDialog
-} from "./FGHVVLPU.js";
+} from "./CN7DDZL2.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./5B3U64HV.js";
+} from "./URSEQETI.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 import {
   useEvent,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 import {
   __objRest,
   __spreadProps,
@@ -25,7 +25,6 @@ import {
 } from "./4R3V3JGP.js";
 
 // src/popover/popover.tsx
-import { useState } from "react";
 import { invariant } from "@ariakit/core/utils/misc";
 import {
   arrow,
@@ -37,6 +36,7 @@ import {
   shift,
   size
 } from "@floating-ui/dom";
+import { useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 function createDOMRect(x = 0, y = 0, width = 0, height = 0) {
@@ -211,6 +211,7 @@ var usePopover = createHook(
     const placement = store.useState("placement");
     const mounted = store.useState("mounted");
     const rendered = store.useState("rendered");
+    const defaultArrowElementRef = useRef(null);
     const [positioned, setPositioned] = useState(false);
     const { portalRef, domReady } = usePortalRef(portal, props.portalRef);
     const getAnchorRectProp = useEvent(getAnchorRect);
@@ -227,11 +228,15 @@ var usePopover = createHook(
       const updatePosition2 = async () => {
         if (!mounted)
           return;
+        if (!arrowElement) {
+          defaultArrowElementRef.current = defaultArrowElementRef.current || document.createElement("div");
+        }
+        const arrow2 = arrowElement || defaultArrowElementRef.current;
         const middleware = [
-          getOffsetMiddleware(arrowElement, { gutter, shift: shift2 }),
+          getOffsetMiddleware(arrow2, { gutter, shift: shift2 }),
           getFlipMiddleware({ flip: flip2, overflowPadding }),
           getShiftMiddleware({ slide, shift: shift2, overlap, overflowPadding }),
-          getArrowMiddleware(arrowElement, { arrowPadding }),
+          getArrowMiddleware(arrow2, { arrowPadding }),
           getSizeMiddleware({
             sameWidth,
             fitViewport,
@@ -252,13 +257,26 @@ var usePopover = createHook(
           left: "0",
           transform: `translate3d(${x}px,${y}px,0)`
         });
-        if (arrowElement && pos.middlewareData.arrow) {
+        if (arrow2 && pos.middlewareData.arrow) {
           const { x: arrowX, y: arrowY } = pos.middlewareData.arrow;
-          const dir = pos.placement.split("-")[0];
-          Object.assign(arrowElement.style, {
+          const side = pos.placement.split("-")[0];
+          const centerX = arrow2.clientWidth / 2;
+          const centerY = arrow2.clientHeight / 2;
+          const originX = arrowX != null ? arrowX + centerX : -centerX;
+          const originY = arrowY != null ? arrowY + centerY : -centerY;
+          popoverElement.style.setProperty(
+            "--popover-transform-origin",
+            {
+              top: `${originX}px calc(100% + ${centerY}px)`,
+              bottom: `${originX}px ${-centerY}px`,
+              left: `calc(100% + ${centerX}px) ${originY}px`,
+              right: `${-centerX}px ${originY}px`
+            }[side]
+          );
+          Object.assign(arrow2.style, {
             left: arrowX != null ? `${arrowX}px` : "",
             top: arrowY != null ? `${arrowY}px` : "",
-            [dir]: "100%"
+            [side]: "100%"
           });
         }
       };

package/esm/__chunks/{HSFE2URL.js → PKNBS4Q6.js}

@@ -1,9 +1,11 @@
 "use client";
 import {
   useSafeLayoutEffect
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 
 // src/dialog/utils/use-nested-dialogs.tsx
+import { chain } from "@ariakit/core/utils/misc";
+import { sync } from "@ariakit/core/utils/store";
 import {
   createContext,
   useCallback,
@@ -11,8 +13,6 @@ import {
   useMemo,
   useState
 } from "react";
-import { chain } from "@ariakit/core/utils/misc";
-import { sync } from "@ariakit/core/utils/store";
 import { jsx } from "react/jsx-runtime";
 var NestedDialogsContext = createContext({});
 function useNestedDialogs(store) {

package/esm/__chunks/{QNNHZL3W.js → PVRT36VL.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./ZR5N62ZV.js";
+} from "./WH6Q5C3D.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./DTNGDFNU.js";
 
 // src/tag/tag-store.ts
 import * as Core from "@ariakit/core/tag/tag-store";

package/esm/__chunks/{WBXSHWTM.js → QESPTHDX.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./MSUE5EQ4.js";
+} from "./IOEKCBMU.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./DTNGDFNU.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{UXFKE2TG.js → QFO5OLDL.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useCollectionContext
-} from "./6LTHW2TQ.js";
+} from "./FU7RTSEI.js";
 import {
   createElement,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 import {
   useStoreState
-} from "./PWUXK5IM.js";
+} from "./DTNGDFNU.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -16,7 +16,7 @@ import {
   useId,
   useMergeRefs,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 import {
   __objRest,
   __spreadProps,
@@ -24,6 +24,8 @@ import {
 } from "./4R3V3JGP.js";
 
 // src/collection/collection-renderer.tsx
+import { getScrollingElement, getWindow } from "@ariakit/core/utils/dom";
+import { invariant, shallowEqual } from "@ariakit/core/utils/misc";
 import {
   createContext,
   useCallback,
@@ -33,8 +35,6 @@ import {
   useRef,
   useState
 } from "react";
-import { getScrollingElement, getWindow } from "@ariakit/core/utils/dom";
-import { invariant, shallowEqual } from "@ariakit/core/utils/misc";
 import { flushSync } from "react-dom";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
@@ -342,13 +342,13 @@ function useCollectionRenderer(_a) {
     if (!persistentIndices)
       return defaultVisibleIndices;
     const nextIndices = defaultVisibleIndices.slice();
-    persistentIndices.forEach((index) => {
+    for (const index of persistentIndices) {
       if (index < 0)
-        return;
+        continue;
       if (nextIndices.includes(index))
-        return;
+        continue;
       nextIndices.push(index);
-    });
+    }
     nextIndices.sort((a, b) => a - b);
     if (shallowEqual(defaultVisibleIndices, nextIndices)) {
       return defaultVisibleIndices;

package/esm/__chunks/{CDZXDIC7.js → QMBMAMY2.js}

@@ -9,22 +9,23 @@ import {
 import {
   CompositeContextProvider,
   useCompositeProviderContext
-} from "./QFI3MCMR.js";
+} from "./53KINMNA.js";
 import {
   useFocusable
-} from "./7JCFLN3D.js";
+} from "./DYAGAZRT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useSafeLayoutEffect,
+  useTransactionState,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 import {
   __objRest,
   __spreadProps,
@@ -32,7 +33,6 @@ import {
 } from "./4R3V3JGP.js";
 
 // src/composite/composite.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
 import { flatten2DArray, reverseArray } from "@ariakit/core/utils/array";
 import { getActiveElement, isTextField } from "@ariakit/core/utils/dom";
 import {
@@ -42,6 +42,7 @@ import {
 } from "@ariakit/core/utils/events";
 import { focusIntoView, hasFocus } from "@ariakit/core/utils/focus";
 import { invariant } from "@ariakit/core/utils/misc";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 function isGrid(items) {
@@ -128,9 +129,13 @@ var useComposite = createHook(
       store,
       process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
     );
+    const ref = useRef(null);
     const previousElementRef = useRef(null);
     const scheduleFocus = useScheduleFocus(store);
     const moves = store.useState("moves");
+    const [, setBaseElement] = useTransactionState(
+      composite ? store.setBaseElement : null
+    );
     useEffect(() => {
       var _a2;
       if (!store)
@@ -336,7 +341,7 @@ var useComposite = createHook(
     props = __spreadProps(__spreadValues({
       "aria-activedescendant": activeDescendant
     }, props), {
-      ref: useMergeRefs(composite ? store.setBaseElement : null, props.ref),
+      ref: useMergeRefs(ref, setBaseElement, props.ref),
       onKeyDownCapture,
       onKeyUpCapture,
       onFocusCapture,

package/esm/__chunks/{LTYBQEWX.js → QT5BCKOY.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   useDisclosure
-} from "./R6SM2O47.js";
+} from "./KVYXDH67.js";
 import {
   useDialogProviderContext
-} from "./IWHI6Y45.js";
+} from "./J7UNXP2A.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 import {
   __objRest,
   __spreadValues
 } from "./4R3V3JGP.js";
 
-// src/dialog/dialog-disclosure.ts
+// src/dialog/dialog-disclosure.tsx
 import { getPopupRole } from "@ariakit/core/utils/dom";
 import { invariant } from "@ariakit/core/utils/misc";
 var TagName = "button";

package/esm/__chunks/{MFIISXWL.js → R3QDAIOX.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   HeadingContext
-} from "./XPF5GU3Q.js";
+} from "./CZ4GFWYL.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 import {
   useMergeRefs,
   useTagName
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{RVW6STLZ.js → RD2VYBH6.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   useMenuContext
-} from "./3HX4ZAOG.js";
+} from "./A22SDPU3.js";
 import {
   useMenubarContext
-} from "./UY6VBRVY.js";
+} from "./ZPGENCAP.js";
 import {
   useComboboxProviderContext
-} from "./N4X7J4OQ.js";
+} from "./3L4UCDWT.js";
 import {
   useCompositeStoreProps
-} from "./ZR5N62ZV.js";
+} from "./WH6Q5C3D.js";
 import {
   useHovercardStoreProps
-} from "./MSUE5EQ4.js";
+} from "./IOEKCBMU.js";
 import {
   useStore,
   useStoreProps
-} from "./PWUXK5IM.js";
+} from "./DTNGDFNU.js";
 import {
   useUpdateEffect
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{KBQS277K.js → RV6RYOXG.js}

@@ -2,10 +2,10 @@
 import {
   HovercardContextProvider,
   HovercardScopedContextProvider
-} from "./5YBNH7BL.js";
+} from "./ZPKRQJBS.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 
 // src/tooltip/tooltip-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{BCMSBQTU.js → RW4EN5HP.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./ZR5N62ZV.js";
+} from "./WH6Q5C3D.js";
 import {
   useStore
-} from "./PWUXK5IM.js";
+} from "./DTNGDFNU.js";
 
 // src/menubar/menubar-store.ts
 import * as Core from "@ariakit/core/menubar/menubar-store";

package/esm/__chunks/{MIIHBIKN.js → S6GWHPQZ.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./QFI3MCMR.js";
+} from "./53KINMNA.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 
 // src/radio/radio-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{YMV43K4F.js → SD6TYZJO.js}

@@ -41,7 +41,7 @@ function isPointInPolygon(point, polygon) {
           }
         }
       }
-    } else if (y == yi && (x >= xj && x <= xi || x >= xi && x <= xj)) {
+    } else if (y === yi && (x >= xj && x <= xi || x >= xi && x <= xj)) {
       return true;
     }
   }

package/esm/__chunks/{RG6J4TID.js → SJ5YBTFK.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 
 // src/disclosure/disclosure-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{766APSLG.js → SORNFOKV.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./QFI3MCMR.js";
+} from "./53KINMNA.js";
 import {
   createStoreContext
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 
 // src/toolbar/toolbar-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{SHA3WOPI.js → SWN3JYXT.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/focusable/focusable-context.ts
+// src/focusable/focusable-context.tsx
 import { createContext } from "react";
 var FocusableContext = createContext(true);
 

package/esm/__chunks/{4ZRXV5C7.js → SYFUIAXQ.js}

@@ -4,7 +4,7 @@ import {
 } from "./MKDDWKFK.js";
 import {
   walkTreeOutside
-} from "./5QL6BP6J.js";
+} from "./4SXGPXPS.js";
 import {
   setAttribute
 } from "./53CQGCDZ.js";
@@ -22,7 +22,9 @@ function disableAccessibilityTreeOutside(id, elements) {
     cleanups.unshift(hideElementFromAccessibilityTree(element));
   });
   const restoreAccessibilityTree = () => {
-    cleanups.forEach((fn) => fn());
+    for (const cleanup of cleanups) {
+      cleanup();
+    }
   };
   return restoreAccessibilityTree;
 }

package/esm/__chunks/{65LF6MEO.js → SYLYP2IN.js}

@@ -3,22 +3,22 @@ import {
   getElementPolygon,
   getEventPoint,
   isPointInPolygon
-} from "./YMV43K4F.js";
+} from "./SD6TYZJO.js";
 import {
   usePopover
-} from "./6YVAEELE.js";
+} from "./PKN6MQJP.js";
 import {
   createDialogComponent
-} from "./FGHVVLPU.js";
+} from "./CN7DDZL2.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
-} from "./5YBNH7BL.js";
+} from "./ZPKRQJBS.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -27,7 +27,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 import {
   __objRest,
   __spreadProps,
@@ -35,14 +35,6 @@ import {
 } from "./4R3V3JGP.js";
 
 // src/hovercard/hovercard.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-  useState
-} from "react";
 import { contains } from "@ariakit/core/utils/dom";
 import { addGlobalEventListener } from "@ariakit/core/utils/events";
 import { hasFocusWithin } from "@ariakit/core/utils/focus";
@@ -52,6 +44,14 @@ import {
   isFalsyBooleanCallback
 } from "@ariakit/core/utils/misc";
 import { sync } from "@ariakit/core/utils/store";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState
+} from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 function isMovingOnHovercard(target, card, anchor, nested) {

package/esm/__chunks/{KCMTTTFR.js → TNHM3SUC.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   DialogScopedContextProvider
-} from "./IWHI6Y45.js";
+} from "./J7UNXP2A.js";
 import {
   useDisclosureProviderContext
-} from "./RG6J4TID.js";
+} from "./SJ5YBTFK.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 import {
   useStoreState
-} from "./PWUXK5IM.js";
+} from "./DTNGDFNU.js";
 import {
   useId,
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 import {
   __objRest,
   __spreadProps,
@@ -26,8 +26,8 @@ import {
 } from "./4R3V3JGP.js";
 
 // src/disclosure/disclosure-content.tsx
-import { useMemo, useRef, useState } from "react";
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
+import { useMemo, useRef, useState } from "react";
 import { flushSync } from "react-dom";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
@@ -44,7 +44,7 @@ function afterPaint(cb) {
 function parseCSSTime(...times) {
   return times.join(", ").split(", ").reduce((longestTime, currentTimeString) => {
     const multiplier = currentTimeString.endsWith("ms") ? 1 : 1e3;
-    const currentTime = parseFloat(currentTimeString || "0s") * multiplier;
+    const currentTime = Number.parseFloat(currentTimeString || "0s") * multiplier;
     if (currentTime > longestTime)
       return currentTime;
     return longestTime;

package/esm/__chunks/{GIPF6UOE.js → U2FYKKWI.js}

@@ -1,22 +1,22 @@
 "use client";
 import {
   useMenubarStore
-} from "./BCMSBQTU.js";
+} from "./RW4EN5HP.js";
 import {
   MenubarScopedContextProvider,
   useMenubarProviderContext
-} from "./UY6VBRVY.js";
+} from "./ZPGENCAP.js";
 import {
   useComposite
-} from "./CDZXDIC7.js";
+} from "./QMBMAMY2.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GUCZNEAD.js";
+} from "./YIF72NQG.js";
 import {
   useWrapElement
-} from "./WOWUAP42.js";
+} from "./OPTPHWV7.js";
 import {
   __objRest,
   __spreadValues