@ariakit/react-core/cjs/select/select-heading.cjs

Ariakit React core

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

var _6DC6MIBCcjs = require('../__chunks/6DC6MIBC.cjs');


var _RRDWCMLJcjs = require('../__chunks/RRDWCMLJ.cjs');
require('../__chunks/4N2CQGGX.cjs');
require('../__chunks/LQFXUO7W.cjs');
require('../__chunks/JLMLKTUB.cjs');
require('../__chunks/QXXNZT2I.cjs');
require('../__chunks/5WCU5NVK.cjs');
require('../__chunks/57Z4CQLB.cjs');
require('../__chunks/GCJBB4ZT.cjs');
require('../__chunks/QJGTENWI.cjs');




var _WBFXWJUHcjs = require('../__chunks/WBFXWJUH.cjs');



var _MZ2HG624cjs = require('../__chunks/MZ2HG624.cjs');
require('../__chunks/XMDZRF6Y.cjs');

// src/select/select-heading.tsx
var _react = require('react');
var TagName = "h1";
var useSelectHeading = _WBFXWJUHcjs.createHook.call(void 0, 
  function useSelectHeading2(props) {
    const [, setHeadingId] = _react.useContext.call(void 0, _6DC6MIBCcjs.SelectHeadingContext) || [];
    const id = _MZ2HG624cjs.useId.call(void 0, props.id);
    _MZ2HG624cjs.useSafeLayoutEffect.call(void 0, () => {
      setHeadingId == null ? void 0 : setHeadingId(id);
      return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
    }, [setHeadingId, id]);
    props = {
      id,
      ...props
    };
    props = _RRDWCMLJcjs.usePopoverHeading.call(void 0, props);
    return props;
  }
);
var SelectHeading = _WBFXWJUHcjs.forwardRef.call(void 0, function SelectHeading2(props) {
  const htmlProps = useSelectHeading(props);
  return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
});



exports.SelectHeading = SelectHeading; exports.useSelectHeading = useSelectHeading;