@ariakit/react-core 0.2.6 → 0.2.8

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/T6V23Y6E.js

@@ -0,0 +1,96 @@
+// src/dialog/utils/orchestrate.ts
+var cleanups = Symbol();
+function orchestrate(element, key, setup) {
+  if (!element[cleanups]) {
+    element[cleanups] = /* @__PURE__ */ new Map();
+  }
+  const elementCleanups = element[cleanups];
+  const prevCleanup = elementCleanups.get(key);
+  if (!prevCleanup) {
+    elementCleanups.set(key, setup());
+    return () => {
+      var _a;
+      (_a = elementCleanups.get(key)) == null ? void 0 : _a();
+      elementCleanups.delete(key);
+    };
+  }
+  const cleanup = setup();
+  const nextCleanup = () => {
+    cleanup();
+    prevCleanup();
+    elementCleanups.delete(key);
+  };
+  elementCleanups.set(key, nextCleanup);
+  return () => {
+    if (elementCleanups.get(key) !== nextCleanup)
+      return;
+    cleanup();
+    elementCleanups.set(key, prevCleanup);
+  };
+}
+function setAttribute(element, attr, value) {
+  const setup = () => {
+    const previousValue = element.getAttribute(attr);
+    element.setAttribute(attr, value);
+    return () => {
+      if (previousValue == null) {
+        element.removeAttribute(attr);
+      } else {
+        element.setAttribute(attr, previousValue);
+      }
+    };
+  };
+  return orchestrate(element, attr, setup);
+}
+function setProperty(element, property, value) {
+  const setup = () => {
+    const exists = property in element;
+    const previousValue = element[property];
+    element[property] = value;
+    return () => {
+      if (!exists) {
+        delete element[property];
+      } else {
+        element[property] = previousValue;
+      }
+    };
+  };
+  return orchestrate(element, property, setup);
+}
+function assignStyle(element, style) {
+  if (!element)
+    return () => {
+    };
+  const setup = () => {
+    const prevStyle = element.style.cssText;
+    Object.assign(element.style, style);
+    return () => {
+      element.style.cssText = prevStyle;
+    };
+  };
+  return orchestrate(element, "style", setup);
+}
+function setCSSProperty(element, property, value) {
+  if (!element)
+    return () => {
+    };
+  const setup = () => {
+    const previousValue = element.style.getPropertyValue(property);
+    element.style.setProperty(property, value);
+    return () => {
+      if (previousValue) {
+        element.style.setProperty(property, previousValue);
+      } else {
+        element.style.removeProperty(property);
+      }
+    };
+  };
+  return orchestrate(element, property, setup);
+}
+
+export {
+  setAttribute,
+  setProperty,
+  assignStyle,
+  setCSSProperty
+};

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/{ACAQG6DN.js → TJKNVC7W.js}

@@ -1,6 +1,6 @@
 import {
   setProperty
-} from "./DJESYNLE.js";
+} from "./T6V23Y6E.js";
 import {
   walkTreeOutside
 } from "./FV23EKJL.js";

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) => {

package/esm/__chunks/{NMKK3GWP.js → UGE3SLMW.js}

@@ -6,11 +6,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useId,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{FY2SXATP.js → USB5JBON.js}

@@ -2,7 +2,7 @@ import {
   useLazyValue,
   useLiveRef,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/UWUL6FFR.js

@@ -0,0 +1,65 @@
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
+
+// src/utils/misc.ts
+import { isValidElement } from "react";
+import { hasOwnProperty } from "@ariakit/core/utils/misc";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+function isValidElementWithRef(element) {
+  if (!element)
+    return false;
+  if (!isValidElement(element))
+    return false;
+  if (!("ref" in element))
+    return false;
+  return true;
+}
+function getRefProperty(element) {
+  if (!isValidElementWithRef(element))
+    return null;
+  return element.ref;
+}
+function mergeProps(base, overrides) {
+  const props = __spreadValues({}, base);
+  for (const key in overrides) {
+    if (!hasOwnProperty(overrides, key))
+      continue;
+    if (key === "className") {
+      const prop = "className";
+      props[prop] = base[prop] ? `${base[prop]} ${overrides[prop]}` : overrides[prop];
+      continue;
+    }
+    if (key === "style") {
+      const prop = "style";
+      props[prop] = base[prop] ? __spreadValues(__spreadValues({}, base[prop]), overrides[prop]) : overrides[prop];
+      continue;
+    }
+    const overrideValue = overrides[key];
+    if (typeof overrideValue === "function" && key.startsWith("on")) {
+      const baseValue = base[key];
+      if (typeof baseValue === "function") {
+        props[key] = (...args) => {
+          overrideValue(...args);
+          baseValue(...args);
+        };
+        continue;
+      }
+    }
+    props[key] = overrideValue;
+  }
+  return props;
+}
+
+export {
+  setRef,
+  isValidElementWithRef,
+  getRefProperty,
+  mergeProps
+};

package/esm/__chunks/{5JAOITB6.js → VC2N3HOU.js}

@@ -7,22 +7,22 @@ import {
 } from "./W7JXAQKF.js";
 import {
   useCompositeHover
-} from "./WNWUDBP3.js";
+} from "./VTOOL4S4.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 {
   useBooleanEvent,
   useEvent
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{WNWUDBP3.js → VTOOL4S4.js}

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

package/esm/__chunks/{WPWRDZX3.js → WANT555J.js}

@@ -1,15 +1,15 @@
 import {
   useCommand
-} from "./GKEHNDOU.js";
+} from "./6R5NAG5K.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
-  useForkRef,
+  useMergeRefs,
   useTagName
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __spreadProps,
   __spreadValues
@@ -32,7 +32,7 @@ var useButton = createHook((props) => {
   props = __spreadProps(__spreadValues({
     role: !isNativeButton && tagName !== "a" ? "button" : void 0
   }, props), {
-    ref: useForkRef(ref, props.ref)
+    ref: useMergeRefs(ref, props.ref)
   });
   props = useCommand(props);
   return props;

package/esm/__chunks/{YJZ2FEUT.js → WFPVIVLA.js}

@@ -2,12 +2,12 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
-  useForkRef,
   useId,
+  useMergeRefs,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -93,7 +93,7 @@ var useDisclosureContent = createHook(
       "data-leave": transition === "leave" ? "" : void 0,
       hidden
     }, props), {
-      ref: useForkRef(id ? store.setContentElement : null, props.ref),
+      ref: useMergeRefs(id ? store.setContentElement : null, props.ref),
       style
     });
     return props;

package/esm/__chunks/{OTKCW3PM.js → WKNIYKJV.js}

@@ -1,9 +1,9 @@
 import {
   useCommand
-} from "./GKEHNDOU.js";
+} from "./6R5NAG5K.js";
 import {
   useCollectionItem
-} from "./CWGC7RDD.js";
+} from "./EJLZ2L22.js";
 import {
   focusSilently,
   getEnabledItem,
@@ -18,18 +18,18 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useStoreState
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   useBooleanEvent,
   useEvent,
-  useForkRef,
   useId,
+  useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -316,7 +316,7 @@ var useCompositeItem = createHook(
       "aria-selected": ariaSelected,
       "data-active-item": isActiveItem ? "" : void 0
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,

package/esm/__chunks/{KTJKD3FC.js → WMY7U3GW.js}

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

package/esm/__chunks/{34WFGKVL.js → WYH7HZPL.js}

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

package/esm/__chunks/{KXTECTTC.js → XGUNEAFA.js}

@@ -8,11 +8,11 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
-  useForkRef,
+  useMergeRefs,
   useSafeLayoutEffect
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -73,7 +73,7 @@ var usePopoverArrow = createHook(
       children,
       "aria-hidden": true
     }, props), {
-      ref: useForkRef(store.setArrowElement, props.ref),
+      ref: useMergeRefs(store.setArrowElement, props.ref),
       style: __spreadValues({
         // server side rendering
         position: "absolute",

package/esm/__chunks/{CV7JBVJO.js → XPRWPHQV.js}

@@ -8,14 +8,14 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useStoreState
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   useEvent,
-  useForkRef
-} from "./JSNCZ2E2.js";
+  useMergeRefs
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -165,7 +165,7 @@ var useCompositeContainer = createHook(
     props = __spreadProps(__spreadValues({
       "data-composite-container": ""
     }, props), {
-      ref: useForkRef(ref, props.ref),
+      ref: useMergeRefs(ref, props.ref),
       onFocus,
       onBlur,
       onKeyDown,

package/esm/__chunks/{3U3YLBMV.js → Y72RMTFY.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDisclosureArrow
-} from "./KTJKD3FC.js";
+} from "./WMY7U3GW.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{76X52BLD.js → YKJNQJWA.js}

@@ -1,11 +1,11 @@
 import {
   useDisclosure
-} from "./GGPLUQQY.js";
+} from "./THTPXSX5.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{YBDXDAKQ.js → ZAKCZSVG.js}

@@ -10,19 +10,19 @@ import {
 } from "./Z3X3QN6P.js";
 import {
   useFocusable
-} from "./IMP6LK4U.js";
+} from "./OMYYUT2M.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useBooleanEvent,
   useEvent,
-  useForkRef,
+  useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,
@@ -314,7 +314,7 @@ var useComposite = createHook(
     props = __spreadProps(__spreadValues({
       "aria-activedescendant": activeDescendant
     }, props), {
-      ref: useForkRef(composite ? store.setBaseElement : null, props.ref),
+      ref: useMergeRefs(composite ? store.setBaseElement : null, props.ref),
       onKeyDownCapture,
       onKeyUpCapture,
       onFocusCapture,

package/esm/__chunks/{ZWS67PVZ.js → ZNCBVBWF.js}

@@ -1,6 +1,6 @@
 import {
   useDialog
-} from "./4OUEWDQI.js";
+} from "./4E4RWZ6B.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";
@@ -8,13 +8,13 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./U2LXZPCY.js";
+} from "./7GCARSHZ.js";
 import {
   useEvent,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./JSNCZ2E2.js";
+} from "./SN2N5P2D.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{XXMIY262.js → ZSRI7KJ2.js}

@@ -8,10 +8,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/{T4YP7E6T.js → ZTW46EPJ.js}

@@ -1,11 +1,11 @@
 import {
   useDialogStoreOptions,
   useDialogStoreProps
-} from "./5KT3GDTM.js";
+} from "./TWSODZ43.js";
 import {
   useStore,
   useStoreProps
-} from "./FY2SXATP.js";
+} from "./USB5JBON.js";
 import {
   __spreadValues
 } from "./4BKCJXBM.js";

package/esm/button/button.d.ts

@@ -6,7 +6,7 @@ import type { As, Props } from "../utils/types.js";
  * @see https://ariakit.org/components/button
  * @example
  * ```jsx
- * const props = useButton({ as: "div" });
+ * const props = useButton({ render: <div /> });
  * <Role {...props}>Accessible button</Role>
  * ```
  */
@@ -18,7 +18,7 @@ export declare const useButton: import("../utils/types.js").Hook<ButtonOptions<"
  * @see https://ariakit.org/components/button
  * @example
  * ```jsx
- * <Button as="div">Accessible button</Button>
+ * <Button render={<div />}>Accessible button</Button>
  * ```
  */
 export declare const Button: import("../utils/types.js").Component<ButtonOptions<"button">>;