@yamada-ui/popover/dist/chunk-YGXEZMNZ.mjs

Yamada UI popover component

"use client"
import {
  usePopover
} from "./chunk-QNKQMZVS.mjs";

// src/popover-close-button.tsx
import { CloseButton } from "@yamada-ui/close-button";
import { forwardRef } from "@yamada-ui/core";
import { cx, handlerAll } from "@yamada-ui/utils";
import { jsx } from "react/jsx-runtime";
var PopoverCloseButton = forwardRef(
  ({ onClick, ...rest }, ref) => {
    const { id, styles, onClose } = usePopover();
    const css = {
      position: "absolute",
      ...styles.closeButton
    };
    return /* @__PURE__ */ jsx(
      CloseButton,
      {
        ref,
        className: cx("ui-popover__close-button"),
        size: "sm",
        "aria-controls": id,
        "aria-label": "Close popover",
        onClick: handlerAll(onClick, (ev) => {
          ev.stopPropagation();
          onClose == null ? void 0 : onClose();
        }),
        __css: css,
        ...rest
      }
    );
  }
);
PopoverCloseButton.displayName = "PopoverCloseButton";
PopoverCloseButton.__ui__ = "PopoverCloseButton";

export {
  PopoverCloseButton
};
//# sourceMappingURL=chunk-YGXEZMNZ.mjs.map