@ariakit/react-core/cjs/__chunks/IZF4HFJN.cjs

Ariakit React core

"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _ESXJ577Bcjs = require('./ESXJ577B.cjs');


var _YDPERDKFcjs = require('./YDPERDKF.cjs');




var _WULEED4Qcjs = require('./WULEED4Q.cjs');



var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');



var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');

// src/dialog/dialog-heading.tsx
var _react = require('react');
var TagName = "h1";
var useDialogHeading = _WULEED4Qcjs.createHook.call(void 0, 
  function useDialogHeading2(_a) {
    var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
    const setHeadingId = _react.useContext.call(void 0, _YDPERDKFcjs.DialogHeadingContext);
    const id = _OZM4QA2Vcjs.useId.call(void 0, props.id);
    _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => {
      setHeadingId == null ? void 0 : setHeadingId(id);
      return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
    }, [setHeadingId, id]);
    props = _7EQBAZ46cjs.__spreadValues.call(void 0, {
      id
    }, props);
    props = _ESXJ577Bcjs.useHeading.call(void 0, props);
    return props;
  }
);
var DialogHeading = _WULEED4Qcjs.forwardRef.call(void 0, function DialogHeading2(props) {
  const htmlProps = useDialogHeading(props);
  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
});




exports.useDialogHeading = useDialogHeading; exports.DialogHeading = DialogHeading;