@radix-ui/themes/dist/esm/components/popover.js

[](https://radix-ui.com/themes)

import*as o from"react";import C from"classnames";import{Popover as p}from"radix-ui";import{extractProps as c}from"../helpers/extract-props.js";import{requireReactElement as n}from"../helpers/require-react-element.js";import{popoverContentPropDefs as g}from"./popover.props.js";import{Theme as R}from"./theme.js";const P=e=>o.createElement(p.Root,{...e});P.displayName="Popover.Root";const s=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Trigger,{...r,ref:t,asChild:!0},n(e)));s.displayName="Popover.Trigger";const i=o.forwardRef((e,r)=>{const{className:t,forceMount:a,container:f,...l}=c(e,g);return o.createElement(p.Portal,{container:f,forceMount:a},o.createElement(R,{asChild:!0},o.createElement(p.Content,{align:"start",sideOffset:8,collisionPadding:10,...l,ref:r,className:C("rt-PopperContent","rt-PopoverContent",t)})))});i.displayName="Popover.Content";const v=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Close,{...r,ref:t,asChild:!0},n(e)));v.displayName="Popover.Close";const m=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Anchor,{...r,ref:t}));m.displayName="Popover.Anchor";export{m as Anchor,v as Close,i as Content,P as Root,s as Trigger};
//# sourceMappingURL=popover.js.map