@ariakit/react-core 0.2.6 → 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.6",
+  "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/cjs/__chunks/NR3SJH64.cjs

@@ -1,90 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/orchestrate.ts
-var setups = Symbol();
-function orchestrate(element, key, setup, cleanup) {
-  if (!element[setups]) {
-    element[setups] = /* @__PURE__ */ new Map();
-  }
-  element[setups].set(key, setup);
-  setup();
-  return () => {
-    var _a, _b;
-    cleanup();
-    const prevSetup = (_a = element[setups]) == null ? void 0 : _a.get(key);
-    if (prevSetup === setup) {
-      (_b = element[setups]) == null ? void 0 : _b.delete(key);
-    } else if (prevSetup) {
-      prevSetup();
-    }
-  };
-}
-function setAttribute(element, attr, value) {
-  let previousValue = element.getAttribute(attr);
-  const setup = () => {
-    previousValue = element.getAttribute(attr);
-    element.setAttribute(attr, value);
-  };
-  const cleanup = () => {
-    if (previousValue == null) {
-      element.removeAttribute(attr);
-    } else {
-      element.setAttribute(attr, previousValue);
-    }
-  };
-  return orchestrate(element, attr, setup, cleanup);
-}
-function setProperty(element, property, value) {
-  let exists = property in element;
-  let previousValue = element[property];
-  const setup = () => {
-    exists = property in element;
-    previousValue = element[property];
-    element[property] = value;
-  };
-  const cleanup = () => {
-    if (!exists) {
-      delete element[property];
-    } else {
-      element[property] = previousValue;
-    }
-  };
-  return orchestrate(element, property, setup, cleanup);
-}
-function assignStyle(element, style) {
-  if (!element)
-    return () => {
-    };
-  let prevStyle = element.style.cssText;
-  const setup = () => {
-    prevStyle = element.style.cssText;
-    Object.assign(element.style, style);
-  };
-  const cleanup = () => {
-    element.style.cssText = prevStyle;
-  };
-  return orchestrate(element, "style", setup, cleanup);
-}
-function setCSSProperty(element, property, value) {
-  if (!element)
-    return () => {
-    };
-  let previousValue = element.style.getPropertyValue(property);
-  const setup = () => {
-    previousValue = element.style.getPropertyValue(property);
-    element.style.setProperty(property, value);
-  };
-  const cleanup = () => {
-    if (previousValue) {
-      element.style.setProperty(property, previousValue);
-    } else {
-      element.style.removeProperty(property);
-    }
-  };
-  return orchestrate(element, property, setup, cleanup);
-}
-
-
-
-
-
-
-exports.setAttribute = setAttribute; exports.setProperty = setProperty; exports.assignStyle = assignStyle; exports.setCSSProperty = setCSSProperty;

package/esm/__chunks/DJESYNLE.js

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

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
-};