radixUiPopover

import { Popover, PopoverTrigger, PopoverContent } from "@radix-ui/react-popover";
import { ModalManager, useModal, radixUiPopover } from "shadcn-modal-manager";

const MenuPopover = ModalManager.create(() => {
  const modal = useModal();

  return (
    <Popover {...radixUiPopover(modal)}>
      <PopoverTrigger asChild>
        <button>Open Menu</button>
      </PopoverTrigger>
      <PopoverContent>
        <nav>
          <a href="/profile">Profile</a>
          <a href="/settings">Settings</a>
          <button onClick={modal.dismiss}>Close</button>
        </nav>
      </PopoverContent>
    </Popover>
  );
});

const props = radixUiPopover(modal, options?);

// Inside radixUiPopover adapter
onOpenChange: (open: boolean) => {
  if (!open && !options?.disableClose) {
    modal.dismiss();
    modal.onAnimationEnd(); // Called immediately
  }
}

const ControlledPopover = ModalManager.create(() => {
  const modal = useModal();

  return (
    <Popover {...radixUiPopover(modal)}>
      {/* No trigger - controlled externally */}
      <PopoverContent>
        <p>This popover is controlled externally</p>
        <button onClick={modal.dismiss}>Close</button>
      </PopoverContent>
    </Popover>
  );
});

// Open programmatically
ModalManager.open(ControlledPopover);

import { Popover, PopoverContent, PopoverAnchor } from "@radix-ui/react-popover";

const AnchoredPopover = ModalManager.create<{ anchorRef: RefObject<HTMLElement> }>(
  ({ anchorRef }) => {
    const modal = useModal();

    return (
      <Popover {...radixUiPopover(modal)}>
        <PopoverAnchor virtualRef={anchorRef} />
        <PopoverContent>
          <p>Anchored content</p>
        </PopoverContent>
      </Popover>
    );
  }
);

interface AdapterOptions {
  disableClose?: boolean;
}