@nextjs

The React Framework \u2013 created and maintained by @vercel.

{' '} Joined December 2021

) } `,__src__:"registry/ax-base/example/hover-card-demo.tsx",children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"CalendarIcon"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@radix-ui/react-icons'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Avatar"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"AvatarFallback"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"AvatarImage"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-avatar'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Button"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-button'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-hover-card'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"HoverCardDemo"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"asChild"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"Button"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"variant"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"link"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"@nextjs"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"w-80"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"flex justify-between space-x-4"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"Avatar"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"AvatarImage"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"src"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"https://github.com/vercel.png"'}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"AvatarFallback"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"VC"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"space-y-1"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"h4"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-sm font-semibold"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"@nextjs"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-sm"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"The React Framework \u2013 created and maintained by @vercel."}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"flex items-center pt-2"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"CalendarIcon"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"mr-2 h-4 w-4 opacity-70"'}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"' '"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-muted-foreground text-xs"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"Joined December 2021"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})})]})})}),(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { CalendarDays } from 'lucide-react' import { Avatar, AvatarFallback, AvatarImage } from '@brudi/react-avatar' import { Button } from '@brudi/react-button' import { HoverCard, HoverCardContent, HoverCardTrigger } from '@brudi/react-hover-card' export function HoverCardDemo() { return (

@nextjs

The React Framework \u2013 created and maintained by @vercel.

{' '} Joined December 2021

) } `,__src__:"registry/ax-site/example/hover-card-demo.tsx",children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"CalendarDays"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'lucide-react'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Avatar"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"AvatarFallback"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"AvatarImage"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-avatar'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Button"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-button'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-hover-card'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"HoverCardDemo"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"asChild"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"Button"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"variant"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"link"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"@nextjs"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"w-80"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"flex justify-between space-x-4"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"Avatar"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"AvatarImage"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"src"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"https://github.com/vercel.png"'}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"AvatarFallback"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"VC"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"space-y-1"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"h4"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-sm font-semibold"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"@nextjs"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-sm"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"The React Framework \u2013 created and maintained by @vercel."}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"flex items-center pt-2"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"CalendarDays"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"mr-2 h-4 w-4 opacity-70"'}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"' '"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-xs text-muted-foreground"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"Joined December 2021"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})})]})})}),(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { CalendarIcon } from '@radix-ui/react-icons' import { Avatar, AvatarFallback, AvatarImage } from '@brudi/react-avatar' import { Button } from '@brudi/react-button' import { HoverCard, HoverCardContent, HoverCardTrigger } from '@brudi/react-hover-card' export function HoverCardDemo() { return (

@nextjs

The React Framework \u2013 created and maintained by @vercel.

{' '} Joined December 2021

) } `,__src__:"registry/ax-app/example/hover-card-demo.tsx",children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"CalendarIcon"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@radix-ui/react-icons'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Avatar"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"AvatarFallback"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"AvatarImage"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-avatar'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Button"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-button'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-hover-card'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"HoverCardDemo"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"asChild"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"Button"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"variant"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"link"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"@nextjs"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"w-80"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"flex justify-between space-x-4"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"Avatar"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"AvatarImage"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"src"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"https://github.com/vercel.png"'}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"AvatarFallback"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"VC"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"space-y-1"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"h4"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-sm font-semibold"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"@nextjs"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"p"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-sm"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"The React Framework \u2013 created and maintained by @vercel."}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"flex items-center pt-2"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"CalendarIcon"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"mr-2 h-4 w-4 opacity-70"'}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"' '"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"span"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"text-xs text-muted-foreground"'}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"Joined December 2021"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})})]})})})]}),` `,(0,e.jsxs)(l.h2,{id:"installation",children:[(0,e.jsx)(l.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"bash","data-theme":"default",__rawString__:`npm install @brudi/react-hover-card `,__npmCommand__:`npm install @brudi/react-hover-card `,__yarnCommand__:`yarn add @brudi/react-hover-card `,__pnpmCommand__:`pnpm add @brudi/react-hover-card `,children:(0,e.jsx)(l.code,{"data-language":"bash","data-theme":"default",children:(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"npm"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"install"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"@brudi/react-hover-card"})]})})})}),` `,(0,e.jsxs)(l.h2,{id:"usage",children:[(0,e.jsx)(l.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { HoverCard, HoverCardContent, HoverCardTrigger, } from "@brudi/react-hover-card" `,children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:'"@brudi/react-hover-card"'})]})]})})}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"tsx","data-theme":"default",__rawString__:` Hover The DS One React Kit \u2013 created and maintained by @axltd_ch. `,children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"Hover"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" The DS One React Kit \u2013 created and maintained by @axltd_ch."})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:""})]})]})})}),` `,(0,e.jsxs)(l.h2,{id:"customization",children:[(0,e.jsx)(l.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#customization",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"Customization"]}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"bash","data-theme":"default",__rawString__:`npx @brudi/ui extend hover-card `,__npmCommand__:`npx @brudi/ui extend hover-card `,__yarnCommand__:`npx @brudi/ui extend hover-card `,__pnpmCommand__:`pnpx @brudi/ui extend hover-card `,children:(0,e.jsx)(l.code,{"data-language":"bash","data-theme":"default",children:(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"npx"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"@brudi/ui"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"extend"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"hover-card"})]})})})}),` `,(0,e.jsx)(c,{type:"single",collapsible:!0,children:(0,e.jsxs)(s,{value:"manual-installation",children:[(0,e.jsx)(i,{children:"Manual Customization"}),(0,e.jsx)(d,{children:(0,e.jsxs)(p,{children:[(0,e.jsx)(a,{children:"Install the following dependencies:"}),(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"bash","data-theme":"default",__rawString__:`npm install @brudi/react-hover-card `,__npmCommand__:`npm install @brudi/react-hover-card `,__yarnCommand__:`yarn add @brudi/react-hover-card `,__pnpmCommand__:`pnpm add @brudi/react-hover-card `,children:(0,e.jsx)(l.code,{"data-language":"bash","data-theme":"default",children:(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"npm"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"install"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"@brudi/react-hover-card"})]})})})}),(0,e.jsx)(a,{children:"Copy and paste the following code into your project."}),(0,e.jsxs)(h,{name:"hover-card",children:[(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`'use client' import * as React from 'react' import * as HoverCardPrimitive from '@radix-ui/react-hover-card' import { ax } from '@brudi/react-utils' const HoverCard = HoverCardPrimitive.Root const HoverCardTrigger = HoverCardPrimitive.Trigger const HoverCardContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, align = 'center', sideOffset = 4, ...props }, ref) => ( )) HoverCardContent.displayName = HoverCardPrimitive.Content.displayName export { HoverCard, HoverCardTrigger, HoverCardContent } `,__src__:"registry/ax-base/ui/hover-card.tsx",__style__:"ax-base",children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'use client'"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"*"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" as "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'react'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"*"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" as "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@radix-ui/react-hover-card'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ax"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-utils'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Root"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Trigger"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"forwardRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"<"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ElementRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:""}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ComponentPropsWithoutRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"({"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'center'"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"4"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"props"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"},"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardPrimitive.Content"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"ax"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2'"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"className"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" )"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"props"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"))"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"displayName"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Content"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"displayName"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"export "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]})]})})}),(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`'use client' import * as React from 'react' import * as HoverCardPrimitive from '@radix-ui/react-hover-card' import { ax } from '@brudi/react-utils' const HoverCard = HoverCardPrimitive.Root const HoverCardTrigger = HoverCardPrimitive.Trigger const HoverCardContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, align = 'center', sideOffset = 4, ...props }, ref) => ( )) HoverCardContent.displayName = HoverCardPrimitive.Content.displayName export { HoverCard, HoverCardTrigger, HoverCardContent } `,__src__:"registry/ax-site/ui/hover-card.tsx",__style__:"ax-site",children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'use client'"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"*"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" as "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'react'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"*"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" as "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@radix-ui/react-hover-card'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ax"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-utils'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Root"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Trigger"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"forwardRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"<"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ElementRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:""}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ComponentPropsWithoutRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"({"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'center'"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"4"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"props"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"},"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardPrimitive.Content"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"ax"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2'"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"className"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" )"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"props"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"))"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"displayName"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Content"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"displayName"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"export "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]})]})})}),(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`'use client' import * as React from 'react' import * as HoverCardPrimitive from '@radix-ui/react-hover-card' import { ax } from '@brudi/react-utils' const HoverCard = HoverCardPrimitive.Root const HoverCardTrigger = HoverCardPrimitive.Trigger const HoverCardContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, align = 'center', sideOffset = 4, ...props }, ref) => ( )) HoverCardContent.displayName = HoverCardPrimitive.Content.displayName export { HoverCard, HoverCardTrigger, HoverCardContent } `,__src__:"registry/ax-app/ui/hover-card.tsx",__style__:"ax-app",children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'use client'"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"*"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" as "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'react'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"*"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" as "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@radix-ui/react-hover-card'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"import "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ax"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" from "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'@brudi/react-utils'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Root"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Trigger"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"forwardRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"<"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ElementRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:""}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ComponentPropsWithoutRef"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"({"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'center'"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"4"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"props"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"},"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" ("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9CCFD8"},children:"HoverCardPrimitive.Content"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"ref"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"align"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"sideOffset"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C4A7E7",fontStyle:"italic"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#EA9A97"},children:"ax"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F6C177"},children:"'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2'"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"className"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" )"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"props"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#6E6A86"},children:"/>"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:"))"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"displayName"}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardPrimitive"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Content"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"displayName"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:"export "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCard"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardTrigger"}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:","}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"HoverCardContent"}),(0,e.jsx)(l.span,{style:{color:"#3E8FB0"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#908CAA"},children:"}"})]})]})})})]}),(0,e.jsx)(a,{children:"Update the import paths to match your project setup."})]})})]})})]})}function H(n={}){let{wrapper:l}=n.components||{};return l?(0,e.jsx)(l,Object.assign({},n,{children:(0,e.jsx)(C,n)})):C(n)}var x=H;function o(n,l){throw new Error("Expected "+(l?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return g(b);})(); ;return Component;

Hover Card

Installation

Usage

Customization

Manual Customization