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

Ariakit React core

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

var _5WCU5NVKcjs = require('./5WCU5NVK.cjs');




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



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

// src/dialog/dialog-description.tsx
var _misc = require('@ariakit/core/utils/misc');
var _react = require('react');
var TagName = "p";
var useDialogDescription = _WBFXWJUHcjs.createHook.call(void 0, function useDialogDescription2({ store, ...props }) {
  const setDescriptionId = _react.useContext.call(void 0, _5WCU5NVKcjs.DialogDescriptionContext);
  const id = _MZ2HG624cjs.useId.call(void 0, props.id);
  _MZ2HG624cjs.useSafeLayoutEffect.call(void 0, () => {
    setDescriptionId == null ? void 0 : setDescriptionId(id);
    return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
  }, [setDescriptionId, id]);
  props = {
    id,
    ...props
  };
  return _misc.removeUndefinedValues.call(void 0, props);
});
var DialogDescription = _WBFXWJUHcjs.forwardRef.call(void 0, function DialogDescription2(props) {
  const htmlProps = useDialogDescription(props);
  return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
});




exports.useDialogDescription = useDialogDescription; exports.DialogDescription = DialogDescription;