@blackblock/react-anchor-heading/dist/cjs/index.cjs.js

A React heading component with id that automatically changes with textContent for anchoring.

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}const n=t.default.forwardRef((function({as:e="div",children:n,...o},a){const i=e;return t.default.createElement(i,r({ref:a},o),n)})),o=e=>encodeURIComponent(e).toLowerCase();function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}const i=t.default.forwardRef((function({as:e="h1",children:r,...i},c){return t.default.createElement(n,a({ref:c,as:e,id:o(r)},i),r)}));exports.Heading=i,exports.HeadingPrimitive=function({children:e,text:t}){return e({id:o(t),text:t})};