@ariakit/react-core 0.2.7 → 0.2.8

package/esm/__chunks/{EEZDONXU.js → FB4T6LXQ.js}

@@ -1,11 +1,11 @@
 import {
   useCompositeItem
-} from "./OTKCW3PM.js";
+} from "./WKNIYKJV.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{GL6H2TE2.js → FK3LYGHG.js}

@@ -1,6 +1,6 @@
 import {
   useSeparator
-} from "./2COVM63T.js";
+} from "./QLHYK3GC.js";
 import {
   CompositeContext
 } from "./Z3X3QN6P.js";
@@ -8,7 +8,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{URYSNCDU.js → GKH7N3JM.js}

@@ -5,10 +5,10 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{G5LGVBEX.js → HE7AYLA4.js}

@@ -1,6 +1,6 @@
 import {
   useHeading
-} from "./CTBUXM7K.js";
+} from "./SHUCKX4V.js";
 import {
   DialogHeadingContext
 } from "./LNHZLQEK.js";
@@ -8,11 +8,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{YJSLDE5C.js → ITSGLTHL.js}

@@ -3,21 +3,21 @@ import {
 } from "./M5KYRTQG.js";
 import {
   useCommand
-} from "./GKEHNDOU.js";
+} from "./6R5NAG5K.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useStoreState
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   useEvent,
-  useForkRef,
+  useMergeRefs,
   useTagName,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -136,7 +136,7 @@ var useCheckbox = createHook(
       type: nativeCheckbox ? "checkbox" : void 0,
       "aria-checked": checked
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       onChange,
       onClick
     });

package/esm/__chunks/{T2QG6N7V.js → IVDTLBEM.js}

@@ -3,21 +3,21 @@ import {
 } from "./5VGBBGF5.js";
 import {
   isHidden
-} from "./YJZ2FEUT.js";
+} from "./WFPVIVLA.js";
 import {
   useFocusable
-} from "./IMP6LK4U.js";
+} from "./OMYYUT2M.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useEvent,
-  useForkRef,
   useId,
+  useMergeRefs,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -85,7 +85,7 @@ var useComboboxList = createHook(
       role: "listbox",
       tabIndex: focusable ? -1 : void 0
     }, props), {
-      ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
+      ref: useMergeRefs(id ? store.setContentElement : null, ref, props.ref),
       style,
       onKeyDown,
       onFocusVisible,

package/esm/__chunks/{SUXGXJIC.js → IZJZD7LX.js}

@@ -1,11 +1,11 @@
 import {
   useGroup
-} from "./34WFGKVL.js";
+} from "./WYH7HZPL.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{WVBEOY53.js → J3XSDPNL.js}

@@ -3,21 +3,21 @@ import {
 } from "./6I2PARRP.js";
 import {
   useCompositeItem
-} from "./OTKCW3PM.js";
+} from "./WKNIYKJV.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useStoreState
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   useEvent,
-  useForkRef,
   useId,
+  useMergeRefs,
   useTagName
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -107,7 +107,7 @@ var useRadio = createHook(
       type: nativeRadio ? "radio" : void 0,
       "aria-checked": isChecked
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       onChange,
       onClick,
       onFocus

package/esm/__chunks/{4D3OGBNH.js → J4BKICPJ.js}

@@ -1,6 +1,6 @@
 import {
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 
 // src/dialog/utils/use-nested-dialogs.tsx
 import {

package/esm/__chunks/{7GX7Z4RT.js → JQVGLAS2.js}

@@ -1,11 +1,11 @@
 import {
   useGroup
-} from "./34WFGKVL.js";
+} from "./WYH7HZPL.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{5VTQ6DZF.js → JTITB4L3.js}

@@ -5,21 +5,21 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./4V6VYUH3.js";
+} from "./ZNCBVBWF.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useBooleanEvent,
   useEvent,
-  useForkRef,
   useLiveRef,
+  useMergeRefs,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -260,7 +260,7 @@ var useHovercard = createHook(
       [registerNestedHovercard]
     );
     props = __spreadProps(__spreadValues({}, props), {
-      ref: useForkRef(ref, props.ref)
+      ref: useMergeRefs(ref, props.ref)
     });
     props = useAutoFocusOnHide(__spreadValues({ store }, props));
     props = useAutoFocusOnShow(__spreadValues({ store, modal }, props));

package/esm/__chunks/{KMIAQUPF.js → K4NEG23J.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{NVLKN7BK.js → KQUSQ6BH.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{KEY2FZYW.js → LC6BW35W.js}

@@ -5,7 +5,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{EMR324FL.js → MCW3SATG.js}

@@ -4,7 +4,7 @@ import {
 } from "./T6V23Y6E.js";
 import {
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 import { getDocument, getWindow } from "@ariakit/core/utils/dom";

package/esm/__chunks/{FETTDVY4.js → MQRO7CTY.js}

@@ -1,28 +1,28 @@
 import {
   useCompositeTypeahead
-} from "./XXMIY262.js";
+} from "./ZSRI7KJ2.js";
 import {
   SelectContext
 } from "./EEVSGAZW.js";
 import {
   useComposite
-} from "./YBDXDAKQ.js";
+} from "./ZAKCZSVG.js";
 import {
   isHidden
-} from "./YJZ2FEUT.js";
+} from "./WFPVIVLA.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useAttribute,
   useBooleanEvent,
   useEvent,
-  useForkRef,
   useId,
+  useMergeRefs,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -104,7 +104,7 @@ var useSelectList = createHook(
       "aria-multiselectable": ariaMultiSelectable,
       hidden
     }, props), {
-      ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
+      ref: useMergeRefs(id ? store.setContentElement : null, ref, props.ref),
       style,
       onKeyDown
     });

package/esm/__chunks/{SPQB36IP.js → N2JKXTRW.js}

@@ -1,11 +1,11 @@
 import {
   useGroupLabel
-} from "./XO22PNQJ.js";
+} from "./P3IT4SS7.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest
 } from "./4BKCJXBM.js";

package/esm/__chunks/{N5KAEM7B.js → NW5OKUH5.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDescription
-} from "./EZKI7X4G.js";
+} from "./B3A7CWGN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 
 // src/hovercard/hovercard-description.ts
 var useHovercardDescription = createHook(

package/esm/__chunks/{IMP6LK4U.js → OMYYUT2M.js}

@@ -5,12 +5,12 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useEvent,
-  useForkRef,
+  useMergeRefs,
   useTagName
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -335,7 +335,7 @@ var useFocusable = createHook(
       "data-autofocus": autoFocus ? true : void 0,
       "aria-disabled": disabled ? true : void 0
     }, props), {
-      ref: useForkRef(ref, autoFocusRef, props.ref),
+      ref: useMergeRefs(ref, autoFocusRef, props.ref),
       style,
       tabIndex: getTabIndex(
         focusable,

package/esm/__chunks/{XURV7VPV.js → OYQC776W.js}

@@ -5,10 +5,10 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useEvent
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{XO22PNQJ.js → P3IT4SS7.js}

@@ -5,11 +5,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{UPKA4QN5.js → PZMNV3SF.js}

@@ -6,7 +6,7 @@ import {
 } from "./7JNF6I52.js";
 import {
   useEvent
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{PXJHIBDO.js → QDYEK6IR.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "./T4YP7E6T.js";
+} from "./ZTW46EPJ.js";
 import {
   useStore,
   useStoreProps
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{2COVM63T.js → QLHYK3GC.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{OJHPXVNR.js → QTOJ32BQ.js}

@@ -3,21 +3,21 @@ import {
 } from "./TJKNVC7W.js";
 import {
   Role
-} from "./R35SLIEE.js";
+} from "./TZIIKRHF.js";
 import {
   useDisclosureContent
-} from "./YJZ2FEUT.js";
+} from "./WFPVIVLA.js";
 import {
-  useForkRef,
+  useMergeRefs,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __spreadProps,
   __spreadValues
 } from "./4BKCJXBM.js";
 
 // src/dialog/dialog-backdrop.tsx
-import { cloneElement, isValidElement, useMemo, useRef } from "react";
+import { isValidElement, useMemo, useRef } from "react";
 import { noop } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
 function DialogBackdrop({
@@ -55,9 +55,6 @@ function DialogBackdrop({
       return;
     return markAncestor(backdrop2, id);
   }, [contentElement]);
-  backdropProps = isValidElement(backdrop) ? __spreadValues(__spreadValues({
-    ref: "ref" in backdrop ? backdrop.ref : void 0
-  }, backdrop.props), backdropProps) : backdropProps;
   if (hidden != null) {
     backdropProps = __spreadProps(__spreadValues({}, backdropProps), { hidden });
   }
@@ -68,7 +65,7 @@ function DialogBackdrop({
     "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
     alwaysVisible
   }, backdropProps), {
-    ref: useForkRef(backdropProps == null ? void 0 : backdropProps.ref, ref),
+    ref: useMergeRefs(backdropProps == null ? void 0 : backdropProps.ref, ref),
     style: __spreadValues({
       position: "fixed",
       top: 0,
@@ -80,10 +77,10 @@ function DialogBackdrop({
   if (!backdrop)
     return null;
   if (isValidElement(backdrop)) {
-    return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { render: (props2) => cloneElement(backdrop, props2) }));
+    return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { render: backdrop }));
   }
-  const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
-  return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { as: Component }));
+  const Component = typeof backdrop !== "boolean" ? backdrop : "div";
+  return /* @__PURE__ */ jsx(Role, __spreadProps(__spreadValues({}, props), { render: /* @__PURE__ */ jsx(Component, {}) }));
 }
 
 export {

package/esm/__chunks/{VQPGNVAE.js → RJWQJQSA.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDismiss
-} from "./BBUDEDX6.js";
+} from "./DCSOYJXT.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = createHook(

package/esm/__chunks/{CTBUXM7K.js → SHUCKX4V.js}

@@ -5,11 +5,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
-  useForkRef,
+  useMergeRefs,
   useTagName
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __spreadProps,
   __spreadValues
@@ -31,7 +31,7 @@ var useHeading = createHook((props) => {
     role: !isNativeHeading ? "heading" : void 0,
     "aria-level": !isNativeHeading ? level : void 0
   }, props), {
-    ref: useForkRef(ref, props.ref)
+    ref: useMergeRefs(ref, props.ref)
   });
   return props;
 });

package/esm/__chunks/{JSNCZ2E2.js → SN2N5P2D.js}

@@ -1,6 +1,6 @@
 import {
   setRef
-} from "./SXC6BPOF.js";
+} from "./UWUL6FFR.js";
 import {
   __spreadProps,
   __spreadValues
@@ -66,14 +66,12 @@ function useEvent(callback) {
     return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);
   }, []);
 }
-function useForkRef(...refs) {
+function useMergeRefs(...refs) {
   return useMemo(() => {
     if (!refs.some(Boolean))
       return;
     return (value) => {
-      refs.forEach((ref) => {
-        setRef(ref, value);
-      });
+      refs.forEach((ref) => setRef(ref, value));
     };
   }, refs);
 }
@@ -221,7 +219,7 @@ function useWrapElement(props, callback, deps = []) {
 }
 function usePortalRef(portalProp = false, portalRefProp) {
   const [portalNode, setPortalNode] = useState(null);
-  const portalRef = useForkRef(setPortalNode, portalRefProp);
+  const portalRef = useMergeRefs(setPortalNode, portalRefProp);
   const domReady = !portalProp || portalNode;
   return { portalRef, portalNode, domReady };
 }
@@ -262,7 +260,7 @@ export {
   useLiveRef,
   usePreviousValue,
   useEvent,
-  useForkRef,
+  useMergeRefs,
   useRefId,
   useId,
   useDeferredValue,

package/esm/__chunks/{XIW77V4E.js → TAQP627X.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverHeading
-} from "./A5P4XOHC.js";
+} from "./3O3K4H2I.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 
 // src/hovercard/hovercard-heading.ts
 var useHovercardHeading = createHook(

package/esm/__chunks/{GGPLUQQY.js → THTPXSX5.js}

@@ -1,16 +1,16 @@
 import {
   useButton
-} from "./WPWRDZX3.js";
+} from "./WANT555J.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useBooleanEvent,
   useEvent,
-  useForkRef
-} from "./JSNCZ2E2.js";
+  useMergeRefs
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -59,7 +59,7 @@ var useDisclosure = createHook(
       "aria-expanded": expanded,
       "aria-controls": contentElement == null ? void 0 : contentElement.id
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       onMouseDown,
       onClick
     });

package/esm/__chunks/{5KT3GDTM.js → TWSODZ43.js}

@@ -1,10 +1,10 @@
 import {
   useDisclosureStoreOptions,
   useDisclosureStoreProps
-} from "./JX7L6AQW.js";
+} from "./2XOPWNSQ.js";
 import {
   useStore
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/__chunks/{R35SLIEE.js → TZIIKRHF.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 
 // src/role/role.ts
 var useRole = createHook((props) => {