react-headings 3.1.2 → 3.2.0

package/dist/index.d.ts

@@ -15,7 +15,7 @@ declare type HProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingEl
 /**
  * Renders a dynamic HTML heading (h1, h2, etc.) or custom component according to the current level.
  */
-export declare function H({ render, ...props }: HProps): JSX.Element;
+export declare const H: React.ForwardRefExoticComponent<Pick<HProps, "render" | "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>;
 declare type SectionProps = {
     component: React.ReactNode;
     children?: React.ReactNode;

package/dist/index.js

@@ -38,18 +38,18 @@ function useLevel() {
     return react_1.default.useContext(LevelContext);
 }
 exports.useLevel = useLevel;
-/**
- * Renders a dynamic HTML heading (h1, h2, etc.) or custom component according to the current level.
- */
-function H(_a) {
+function InternalH(_a, forwardedRef) {
     var render = _a.render, props = __rest(_a, ["render"]);
     var context = useLevel();
     if (render) {
         return render(context);
     }
-    return react_1.default.createElement(context.Component, __assign({}, props));
+    return react_1.default.createElement(context.Component, __assign({ ref: forwardedRef }, props));
 }
-exports.H = H;
+/**
+ * Renders a dynamic HTML heading (h1, h2, etc.) or custom component according to the current level.
+ */
+exports.H = react_1.default.forwardRef(InternalH);
 /**
  * Renders `component` in the current level and `children` in the next level.
  * @param component A component containing a heading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-headings",
-  "version": "3.1.2",
+  "version": "3.2.0",
   "description": "HTML headings with auto-incrementing levels for WCAG compliance.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",