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

Ariakit React core

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

var _44ZWQTBBcjs = require('../__chunks/44ZWQTBB.cjs');


var _LW4RNNKRcjs = require('../__chunks/LW4RNNKR.cjs');
require('../__chunks/AEQ6ZZZ5.cjs');
require('../__chunks/HS75GVU3.cjs');
require('../__chunks/JLMLKTUB.cjs');
require('../__chunks/ZVS6SBRR.cjs');
require('../__chunks/VF7H2WBX.cjs');
require('../__chunks/EJVJIL4S.cjs');
require('../__chunks/CWQU4R75.cjs');
require('../__chunks/FVVTEJ4K.cjs');




var _6TI3NXX6cjs = require('../__chunks/6TI3NXX6.cjs');



var _L5A2ID7Scjs = require('../__chunks/L5A2ID7S.cjs');
require('../__chunks/FDRJDQ5Y.cjs');


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

// src/select/select-heading.tsx
var _react = require('react');
var TagName = "h1";
var useSelectHeading = _6TI3NXX6cjs.createHook.call(void 0, 
  function useSelectHeading2(props) {
    const [, setHeadingId] = _react.useContext.call(void 0, _44ZWQTBBcjs.SelectHeadingContext) || [];
    const id = _L5A2ID7Scjs.useId.call(void 0, props.id);
    _L5A2ID7Scjs.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 = _LW4RNNKRcjs.usePopoverHeading.call(void 0, props);
    return props;
  }
);
var SelectHeading = _6TI3NXX6cjs.forwardRef.call(void 0, function SelectHeading2(props) {
  const htmlProps = useSelectHeading(props);
  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
});



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