@ariakit/react-core/esm/__chunks/PUNIOELO.js

Ariakit React core

"use client";
import {
  useHeading
} from "./TQBJW3KP.js";
import {
  DialogHeadingContext
} from "./2LVHRIRC.js";
import {
  createElement,
  createHook,
  forwardRef
} from "./L4OUMOCQ.js";
import {
  useId,
  useSafeLayoutEffect
} from "./W2TDKEPX.js";

// src/dialog/dialog-heading.tsx
import { useContext } from "react";
var TagName = "h1";
var useDialogHeading = createHook(
  function useDialogHeading2({ store, ...props }) {
    const setHeadingId = useContext(DialogHeadingContext);
    const id = useId(props.id);
    useSafeLayoutEffect(() => {
      setHeadingId == null ? void 0 : setHeadingId(id);
      return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
    }, [setHeadingId, id]);
    props = {
      ...props,
      id
    };
    props = useHeading(props);
    return props;
  }
);
var DialogHeading = forwardRef(function DialogHeading2(props) {
  const htmlProps = useDialogHeading(props);
  return createElement(TagName, htmlProps);
});

export {
  useDialogHeading,
  DialogHeading
};