@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
3 lines (2 loc) • 1.01 kB
JavaScript
"use client";import*as r from"react";import i from"classnames";import*as o from"@radix-ui/react-hover-card";import{hoverCardContentPropDefs as v}from"./hover-card.props.js";import{extractProps as P,requireReactElement as f}from"../helpers/index.js";import{Theme as H}from"./theme.js";const s=e=>r.createElement(o.Root,{closeDelay:150,openDelay:200,...e});s.displayName="HoverCard.Root";const p=r.forwardRef(({children:e,className:t,...n},a)=>r.createElement(o.Trigger,{ref:a,className:i("rt-HoverCardTrigger",t),...n,asChild:!0},f(e)));p.displayName="HoverCard.Trigger";const C=r.forwardRef((e,t)=>{const{className:n,forceMount:a,container:d,...m}=P(e,v);return r.createElement(o.Portal,{container:d,forceMount:a},r.createElement(H,{asChild:!0},r.createElement(o.Content,{align:"start",sideOffset:8,collisionPadding:10,...m,ref:t,className:i("rt-PopperContent","rt-HoverCardContent",n)})))});C.displayName="HoverCard.Content";export{C as Content,s as Root,p as Trigger};
//# sourceMappingURL=hover-card.js.map