@ariakit/react-core 0.2.7 → 0.2.8

package/esm/utils/hooks.js

@@ -5,12 +5,12 @@ import {
   useDeferredValue,
   useEvent,
   useForceUpdate,
-  useForkRef,
   useId,
   useInitialValue,
   useIsMouseMoving,
   useLazyValue,
   useLiveRef,
+  useMergeRefs,
   usePortalRef,
   usePreviousValue,
   useRefId,
@@ -19,8 +19,8 @@ import {
   useUpdateEffect,
   useUpdateLayoutEffect,
   useWrapElement
-} from "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   useAttribute,
@@ -29,12 +29,12 @@ export {
   useDeferredValue,
   useEvent,
   useForceUpdate,
-  useForkRef,
   useId,
   useInitialValue,
   useIsMouseMoving,
   useLazyValue,
   useLiveRef,
+  useMergeRefs,
   usePortalRef,
   usePreviousValue,
   useRefId,

package/esm/utils/misc.d.ts

@@ -1,5 +1,17 @@
-import type { MutableRefObject, RefCallback } from "react";
+import type { HTMLAttributes, MutableRefObject, ReactElement, RefAttributes, RefCallback } from "react";
 /**
  * Sets both a function and object React ref.
  */
 export declare function setRef<T>(ref: RefCallback<T> | MutableRefObject<T> | null | undefined, value: T): void;
+/**
+ * Checks if an element is a valid React element with a ref.
+ */
+export declare function isValidElementWithRef<P>(element: unknown): element is ReactElement<P> & RefAttributes<any>;
+/**
+ * Gets the ref property from a React element.
+ */
+export declare function getRefProperty(element: unknown): import("react").Ref<any> | undefined;
+/**
+ * Merges two sets of props.
+ */
+export declare function mergeProps<T extends HTMLAttributes<any>>(base: T, overrides: T): T;

package/esm/utils/misc.js

@@ -1,7 +1,13 @@
 import {
+  getRefProperty,
+  isValidElementWithRef,
+  mergeProps,
   setRef
-} from "../__chunks/SXC6BPOF.js";
+} from "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
+  getRefProperty,
+  isValidElementWithRef,
+  mergeProps,
   setRef
 };

package/esm/utils/store.js

@@ -2,9 +2,9 @@ import {
   useStore,
   useStoreProps,
   useStoreState
-} from "../__chunks/FY2SXATP.js";
-import "../__chunks/JSNCZ2E2.js";
-import "../__chunks/SXC6BPOF.js";
+} from "../__chunks/USB5JBON.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   useStore,

package/esm/utils/system.d.ts

@@ -15,7 +15,7 @@ import type { Component, HTMLProps, Hook, Options, Props } from "./types.js";
  *   return <div {...props} />;
  * });
  *
- * <Component as="button" customProp />
+ * <Component customProp render={<button />} />
  */
 export declare function createComponent<O extends Options>(render: (props: Props<O>) => ReactElement): Component<O>;
 /**
@@ -34,20 +34,17 @@ export declare function createComponent<O extends Options>(render: (props: Props
  *   return <div {...props} />;
  * });
  *
- * <Component as="button" customProp />
+ * <Component customProp render={<button />} />
  */
 export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => ReactElement): Component<O>;
 /**
- * Creates a React element that supports the `as` prop, children as a
- * function (render props) and a `wrapElement` function.
- *
+ * Creates a React element that supports the `render` and `wrapElement` props.
  * @example
  * import { createElement } from "@ariakit/react-core/utils/system";
  *
  * function Component() {
  *   const props = {
- *     as: "button" as const,
- *     children: (htmlProps) => <button {...htmlProps} />,
+ *     render: (htmlProps) => <button {...htmlProps} />,
  *     wrapElement: (element) => <div>{element}</div>,
  *   };
  *   return createElement("div", props);

package/esm/utils/system.js

@@ -3,7 +3,9 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "../__chunks/U2LXZPCY.js";
+} from "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   createComponent,

package/esm/utils/types.d.ts

@@ -38,7 +38,7 @@ export type Options<T extends As = any> = {
 export type HTMLProps<O extends Options> = {
     wrapElement?: WrapElement;
     children?: Children;
-    render?: RenderProp;
+    render?: RenderProp | React.ReactElement;
     [index: `data-${string}`]: unknown;
 } & Omit<React.ComponentPropsWithRef<NonNullable<O["as"]>>, keyof O | "children">;
 /**

package/esm/visually-hidden/visually-hidden.js

@@ -1,8 +1,10 @@
 import {
   VisuallyHidden,
   useVisuallyHidden
-} from "../__chunks/KMIAQUPF.js";
-import "../__chunks/U2LXZPCY.js";
+} from "../__chunks/K4NEG23J.js";
+import "../__chunks/7GCARSHZ.js";
+import "../__chunks/SN2N5P2D.js";
+import "../__chunks/UWUL6FFR.js";
 import "../__chunks/4BKCJXBM.js";
 export {
   VisuallyHidden,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",

package/cjs/__chunks/2X5K3J7Y.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/misc.ts
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-}
-
-
-
-exports.setRef = setRef;

package/esm/__chunks/SXC6BPOF.js

@@ -1,12 +0,0 @@
-// src/utils/misc.ts
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-}
-
-export {
-  setRef
-};